@extends('vendor.dashboard')
@section('vendor')


<div class="page-content">
				<!--breadcrumb-->
				<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
					<div class="breadcrumb-title pe-3">تفاصيل الطلب</div>
					<div class="ps-3">
						<nav aria-label="breadcrumb">
						
						</nav>
					</div>
				 
				</div>
				<!--end breadcrumb-->
				 
				<hr/>


<div class="row row-cols-1 row-cols-md-1 row-cols-lg-2 row-cols-xl-2">
					<div class="col">
					<div class="card">
               <div class="card-header"><h4>الطلب</h4> </div> 
               <hr>
               <div class="card-body">
                 <table class="table" style="background:#F4F6FA;font-weight: 600;">
                    <tr>
                        <th>اسم المستخدم:</th>
                        <th>{{ $order->name }}</th>
                    </tr>

                    <tr>
                        <th>رقم الهاتف:</th>
                        <th>{{ $order->phone }}</th>
                    </tr>

                    <tr>
                        <th>البريد الإلكتروني:</th>
                        <th>{{ $order->email }}</th>
                    </tr>

                     <tr>
                        <th>العنوان:</th>
                        <th>{{ $order->adress }}</th>
                    </tr>


                    <tr>
                        <th>الدولة:</th>
                       <th>{{ $order->division->division_name }}</th>
                    </tr>

                    <tr>
                        <th>المدينة:</th>
                       <th>{{ $order->district->district_name }}</th>
                    </tr>

                    <tr>
                        <th>المنطقة :</th>
                         <th>{{ $order->state->state_name }}</th>
                    </tr>

                     <tr>
                        <th>رقم البريد  :</th>
                         <th>{{ $order->post_code }}</th>
                    </tr>

                     <tr>
                        <th>تاريخ الطلب   :</th>
                        <th>{{ $order->order_date }}</th>
                    </tr>
                    
                </table>
                   
               </div>

            </div>
					</div>


					<div class="col">
					 <div class="card">
               <div class="card-header"><h4>
<span class="text-danger">فاتورة رقم : {{ $order->invoice_no }} </span></h4>
                </div> 
               <hr>
               <div class="card-body">
                <table class="table" style="background:#F4F6FA;font-weight: 600;">
                    <tr>
                        <th> الاسم :</th>
                        <th>{{ $order->user->name }}</th>
                    </tr>

                    <tr>
                        <th>الهاتف :</th>
                      <th>{{ $order->user->phone }}</th>
                    </tr>

                    <tr>
                        <th>طريقة الدفع:</th>
                       <th>{{ $order->payment_method }}</th>
                    </tr>


                    
                    {{-- <tr>
                        <th>Transx ID:</th>
                       <th>{{ $order->transaction_id }}</th>
                    </tr> --}}

                    <tr>
                        <th>الفاتورة:</th>
                       <th class="text-danger">{{ $order->invoice_no }}</th>
                    </tr>

                    <tr>
                        <th>قيمة الطلب:</th>
                         <th>${{ $order->amount }}</th>
                    </tr>

                     <tr>
                        <th>حالة الطلب:</th>
                        <th><span class="badge bg-danger" style="font-size: 15px;">
                            
                            
                            @if ($order->status == 'pending')
                            
                         الطلب قيد المعالجة
                         @elseif($order->status == 'confirm')
                            تم تأكيد الطلب
                            @elseif($order->status == 'processing')
                            جاري تحضير الطلب
                            @else
                            تم تسليم الطلب
                        @endif
                    
                    </span></th>

                    </tr>


     <tr>
                        <th> </th>

                        <th>
                            @if($order->status == 'pending')
                            <a href="{{ route('vendor-pending-confirm',$order->id) }}" class="btn btn-block btn-success" id="confirm" >تأكيد الطلب</a>
                            @elseif($order->status == 'confirm')
                            <a href="{{ route('vendor-confirm-process',$order->id) }}" class="btn btn-block btn-success" id="processing" >تحضير الطلب</a>
                          @elseif($order->status == 'processing')
                          <a href="{{ route('vendor-process-delivered',$order->id) }}" class="btn btn-block btn-success" id="delivered" >تسليم الطلب</a>

                            @endif
                  
                  
                  
                             </th>

       </tr>
                    
                </table>
                   
               </div>

            </div>
					</div>
				</div>


			 
 


<div class="row row-cols-1 row-cols-md-1 row-cols-lg-2 row-cols-xl-1">
					<div class="col">
						<div class="card">
					 

<div class="table-responsive">
<table class="table" style="font-weight: 600;"  >
    <tbody>
        <tr>
            <td class="col-md-2">
                <label>صورة المنتج </label>
            </td>
            <td class="col-md-2">
                <label>الاسم </label>
            </td>
            <td class="col-md-2">
                <label>اسم التاجر </label>
            </td>
            <td class="col-md-2">
                <label>كود المنتج  </label>
            </td>
            {{-- <td class="col-md-1">
                <label>Color </label>
            </td>
            <td class="col-md-1">
                <label>Size </label>
            </td> --}}
            <td class="col-md-1">
                <label>الكمية </label>
            </td>

            <td class="col-md-3">
                <label>السعر  </label>
            </td> 

        </tr>


        @foreach($orderItem as $item)
         <tr>
            <td class="col-md-1">
                <label><img src="{{ asset($item->product->product_thambnail) }}" style="width:50px; height:50px;" > </label>
            </td>
            <td class="col-md-2">
                <label>{{ $item->product->product_name }}</label>
            </td>
            @if($item->vendor_id == NULL)
             <td class="col-md-2">
                <label>Owner </label>
            </td>
            @else
                <td class="col-md-2">
                <label>{{ $item->product->vendor->name }} </label>
            </td>
            @endif
            
            <td class="col-md-2">
                <label>{{ $item->product->product_code }} </label>
            </td>
            {{-- @if($item->color == NULL)
             <td class="col-md-1">
                <label>.... </label>
            </td>
            @else
            <td class="col-md-1">
                <label>{{ $item->color }} </label>
            </td>
            @endif --}}
            
            {{-- @if($item->size == NULL)
             <td class="col-md-1">
                <label>.... </label>
            </td>
            @else
            <td class="col-md-1">
                <label>{{ $item->size }} </label>
            </td>
            @endif --}}
            <td class="col-md-1">
                <label>{{ $item->qty }} </label>
            </td>

            <td class="col-md-3">
                <label>{{ $item->price }} <br> Total = {{ $item->price * $item->qty }}   </label>
            </td> 

        </tr>
        @endforeach

    </tbody>
</table>
                        
                    </div>



						</div>
					</div>
				 
				</div>





				 
			</div> 

@endsection