@extends('layouts.adminLayout.admin_design')

@section('content')

<!--main-container-part-->
<div id="content">
    <div id="content-header">
        <div id="breadcrumb">
              <a href="{{ route('admin.dashboard') }}" title="Ir al Inicio" class="tip-bottom">
                <i class="icon-home"></i>
                Inicio
            </a>
            <a href="#" class="current">
                Orden No. {{ $orderDetails->id }}
            </a>
        </div>
        <h1>Ordenes</h1>

		@if(Session::has('flash_message_error'))
			  <div class="alert alert-danger alert-block">
				  <button type="button" class="close" data-dismiss="alert">×</button>
				  <strong>{!! session('flash_message_error') !!}</strong>
			  </div>
		@endif
		@if(Session::has('flash_message_success'))
			  <div class="alert alert-success alert-block">
				  <button type="button" class="close" data-dismiss="alert">×</button>
				  <strong>{!! session('flash_message_success') !!}</strong>
			  </div>
		@endif

    </div>
    <div class="container-fluid">
		<hr>
		<div class="row-fluid">
        	<div class="span6">
    			<div class="widget-box">
    			  <div class="widget-title">
    			    <h5>Detalle de la Orden</h5>
    			  </div>
    			  <div class="widget-content nopadding">
    			    <table class="table table-striped table-bordered">
    			    	<tbody>
    			        	<tr>
    			        		<td class="taskDesc">Fecha</td>
    			        		<td class="taskStatus">{{ $orderDetails->created_at }}</td>
    			        	</tr>
    			        	<tr>
    			        		<td class="taskDesc">Estado</td>
    			        		<td class="taskStatus">{{ $orderDetails->order_status }}</td>
    			        	</tr>
    			        	<tr>
								<td class="taskDesc">Total</td>
								<td class="taskStatus">$ {{ $orderDetails->grand_total }}</td>
							</tr>
							<tr>
								<td class="taskDesc">Cargo de Envío</td>
								<td class="taskStatus">$ {{ $orderDetails->shipping_charges }}</td>
							</tr>
							<tr>
								<td class="taskDesc">Código de Descuento</td>
								<td class="taskStatus">{{ $orderDetails->coupon_code }}</td>
							</tr>
							<tr>
								<td class="taskDesc">Valor Descuento</td>
								<td class="taskStatus">$ {{ $orderDetails->coupon_amount }}</td>
							</tr>
							<tr>
								<td class="taskDesc">Forma de Pago</td>
								<td class="taskStatus">{{ $orderDetails->payment_method }}</td>
							</tr>
						</tbody>
    			    </table>
    			  </div>
    			</div>
    			<div class="accordion" id="collapse-group">
    			    <div class="accordion-group widget-box">
    			    	<div class="accordion-heading">
    			        	<div class="widget-title">
    			        		<h5>Dirección de Facturación</h5>
    			        	</div>
    			    	</div>
    			    	<div class="collapse in accordion-body" id="collapseGOne">
    			    		<div class="widget-content">
								{{ $userDetails->name }}<br>
								{{ $userDetails->address }}<br>
								{{ $userDetails->city }}<br>
								{{ $userDetails->state }}<br>
								{{ $userDetails->country }}<br>
								{{ $userDetails->pincode }}<br>
								{{ $userDetails->mobile }}
							</div>
    			    	</div>
    			    </div>
    			</div>
			</div>
			<div class="span6">
				<div class="widget-box">
					<div class="widget-title">
					  <h5>Detalle del Cliente</h5>
					</div>
					<div class="widget-content nopadding">
						<table class="table table-striped table-bordered">
							<tbody>
								<tr>
									<td class="taskDesc">Nombre</td>
									<td class="taskStatus">{{ $orderDetails->name }}</td>
								</tr>
								<tr>
									<td class="taskDesc">Correo Electrónico</td>
									<td class="taskStatus">{{ $orderDetails->user_email }}</td>
								</tr>
							</tbody>
						</table>
					</div>
				  </div>
				<div class="accordion" id="collapse-group">
    			    <div class="accordion-group widget-box">
    			    	<div class="accordion-heading">
    			        	<div class="widget-title">
    			        		<h5>Actualice Estado del Pedido</h5>
    			        	</div>
    			    	</div>
    			    	<div class="collapse in accordion-body" id="collapseGOne">
    			    		<div class="widget-content">
								<form
									action="{{ route('admin.update-order-status') }}"
									method="post"
									name=""
									id=""
								>
								@csrf
								<input type="hidden" name="order_id" id="order_id" value="{{ $orderDetails->id }}">
								<table width="100%">
									<tr>
										<td>
											<select name="order_status" id="order_status" class="control-label" required>
												<option value="Nueva" @if ($orderDetails->order_status == "Nueva") selected @endif>Nueva</option>
												<option value="Pendiente" @if ($orderDetails->order_status == "Pendiente") selected @endif>Pendiente</option>
												<option value="Cancelada" @if ($orderDetails->order_status == "Cancelada") selected @endif>Cancelada</option>
												<option value="En Proceso" @if ($orderDetails->order_status == "En Proceso") selected @endif>En Proceso</option>
												<option value="Enviada" @if ($orderDetails->order_status == "Enviada") selected @endif>Enviada</option>
												<option value="Pagada" @if ($orderDetails->order_status == "Pagada") selected @endif>Pagada</option>
												<option value="Entregada" @if ($orderDetails->order_status == "Entregada") selected @endif>Entregada</option>
											</select>
										</td>
										<td>
											<input type="submit" value="Actualice Estado">
										</td>
									</tr>
								</table>
								</form>
							</div>
    			    	</div>
    			    </div>
    			</div>
				<div class="accordion" id="collapse-group">
    			    <div class="accordion-group widget-box">
    			    	<div class="accordion-heading">
    			        	<div class="widget-title">
    			        		<h5>Dirección de Envío</h5>
    			        	</div>
    			    	</div>
    			    	<div class="collapse in accordion-body" id="collapseGOne">
    			    		<div class="widget-content">
								{{ $orderDetails->name }}<br>
								{{ $orderDetails->address }}<br>
								{{ $orderDetails->city }}<br>
								{{ $orderDetails->state }}<br>
								{{ $orderDetails->country }}<br>
								{{ $orderDetails->pincode }}<br>
								{{ $orderDetails->mobile }}
							</div>
    			    	</div>
    			    </div>
    			</div>
			</div>
		</div>
		<div class="row-fluid">
			<table id="example" class="table table-striped table-bordered" style="width:100%">
				<thead>
					<tr>
						<th>Código Producto</th>
						<th>Descripción</th>
						<th>Talla</th>
						<th>Color</th>
						<th>Precio</th>
						<th>Cantidad</th>
					</tr>
				</thead>
				<tbody>
					@foreach ($orderDetails->orders as $pro)
						<tr>
							<td>{{ $pro->product_code }}</td>
							<td>{{ $pro->product_name }}</td>
							<td>{{ $pro->product_size }}</td>
							<td>{{ $pro->product_color }}</td>
							<td>{{ $pro->product_price }}</td>
							<td>{{ $pro->product_qty }}</td>
						</tr>
					@endforeach
				</tbody>
			</table>
		</div>
	</div>
</div>
  <!--main-container-part-->

@endsection