@extends('company.layout.layout')

@push('title')
    شركاتي 
@endpush
@push('breadcrumbs')
    <li class="breadcrumb-item  ">
        <a href="{{route('company.home')}}" class="text-muted"> {{trans('order.home')}} </a>
     </li>

	 <li class="breadcrumb-item  ">
        <a href="{{route('company.company.index')}}" class="text-muted"> <h3>الشركة  </h3> </a>
    </li>

    <li class="breadcrumb-item  ">
        {{-- <a href="{{route('company.company.product.index',$parent->id)}}" class="text-muted"> منتجات </a> --}}
    </li>


@endpush
@push('toolbar-actions')

    <a href="{{route('company.add_cart_to_client' ,$company->id)}}"   class="btn btn-light-primary font-weight-bolder m-2 "   aria-haspopup="true" aria-expanded="false">

        <i class="flaticon flaticon-download icon-md"></i>
        تصدير
    </a>

    <a href="{{route('company.company.create')}}" class="btn btn-primary font-weight-bolder">

        <i class="ki ki-solid-plus icon-md"></i>
        اضافة شركة  جديد
    </a>

@endpush

@push('content')
 
<!-- begin::Card-->
<div class="card card-custom overflow-hidden">
	<div class="card-body p-0">
		<!-- begin: Invoice-->
		<!-- begin: Invoice header-->
		<div class="row justify-content-center py-8 px-8 py-md-27 px-md-0">
			<div class="col-md-9">
				<div class="d-flex justify-content-between pb-10 pb-md-20 flex-column flex-md-row">
					<h1 class="display-4 font-weight-boldest mb-10">  تفاصيل الفاتورة  </h1>
					<div class="d-flex flex-column align-items-md-end px-0">
						<!--begin::Logo-->
						<a href="#" class="mb-5">
							<img src="{{asset('images/ic_logo.png')}}" alt="" />
						</a>
						<!--end::Logo-->
						<span class="d-flex flex-column align-items-md-end opacity-70">
							<span> 7187 - الرصيفة حي الرصيفة مكة المكرمة

							</span>
							<span> المملكة العربية السعودية  </span>
						</span>
					</div>
				</div>
				<div class="border-bottom w-100"></div>
				<div class="d-flex justify-content-between pt-6">
					<div class="d-flex flex-column flex-root">
						<span class="font-weight-bolder mb-2">التاريخ</span>
						<span class="opacity-70"> {{$cart->created_at}} </span>
					</div>
					<div class="d-flex flex-column flex-root">
						<span class="font-weight-bolder mb-2"> رقم الفاتورة</span>
						<span class="opacity-70"> {{$cart->code}}  </span>
					</div>
					<div class="d-flex flex-column flex-root">
						<span class="font-weight-bolder mb-2">فاتورة الي عميل :.</span>
						<span class="opacity-70">  {{$cart->client_name}}  
						<br /> {{$cart->client_address}} - {{$cart->client_phone}}   </span>
					</div>
				</div>
			</div>
		</div>
		<!-- end: Invoice header-->
		<!-- begin: Invoice body-->
		<div class="row justify-content-center py-8 px-8 py-md-10 px-md-0">
			<div class="col-md-9">
				<div class="table-responsive">
					<table class="table">
						<thead>
							<tr>
								<th class="pl-0 font-weight-bold text-muted text-uppercase">المنتج</th>
								<th class="text-right font-weight-bold text-muted text-uppercase">الكمية</th>
								<th class="text-right font-weight-bold text-muted text-uppercase">سعر الوحدة</th>
								<th class="text-right font-weight-bold text-muted text-uppercase"> نسبة الخصم</th>
								<th class="text-right font-weight-bold text-muted text-uppercase">  الخصم</th>
								<th class="text-right pr-0 font-weight-bold text-muted text-uppercase">السعر الكلي</th>
								<th class="text-right pr-0 font-weight-bold text-muted text-uppercase">السعر  بالضرائب</th>
							</tr>
						</thead>
						<tbody>
		
							
				
							@forelse ($cart->items as $item)
							
							@php
							
								$item_data = $cart->total_price_with_tax($item->id);
							@endphp
							<tr class="font-weight-boldest border-bottom-0">
								<td class="border-top-0 pl-0 py-4"> {{$item->product->name_ar}} </td>
								<td class="border-top-0 text-right py-4">{{ $item_data['elements']}}</td>
								<td class="text-danger border-top-0 pr-0 py-4 text-right">{{$item->price}}  {{ all_currencies($cart->currency) ??'' }}</td>

								<td class="text-danger border-top-0 pr-0 py-4 text-right"> {{$item_data['discount']}}  ٪</td>
								<td class="text-danger border-top-0 pr-0 py-4 text-right"> {{$item_data['discount_value']}}  {{ all_currencies($cart->currency) ??'' }} </td>



								<td class="text-danger border-top-0 pr-0 py-4 text-right"> {{$item->price * $item->quantity}}  {{ all_currencies($cart->currency) ??'' }} </td>
								<td class="border-top-0 text-right py-4"> {{$item_data["total_with_tax"]}}  {{ all_currencies($cart->currency) ??'' }} </td>
							</tr>

							@empty
								
							@endforelse
							


						</tbody>
					</table>
				</div>
			</div>
		</div>
		<!-- end: Invoice body-->
		<!-- begin: Invoice footer-->
		<div class="row justify-content-center bg-gray-100 py-8 px-8 py-md-10 px-md-0">
			<div class="col-md-9">
				<div class="table-responsive">
					<table class="table">
						<thead>
							<tr>
								<th class="font-weight-bold text-muted text-uppercase">حالة الطلب</th>
								<th class="font-weight-bold text-muted text-uppercase"> اسم منشئ الطلب </th>
								<th class="font-weight-bold text-muted text-uppercase">  تاريخ الدفع</th>
								<th class="font-weight-bold text-muted text-uppercase">اجمالي المبلغ</th>
							</tr>
						</thead>
						<tbody>
							<tr class="font-weight-bolder">
								<td>{{payment_status( $cart->payment_status )}}  </td>
								<td> {{$cart->admin->name}} </td>
								<td> {{$cart->payment_date}}  </td>
								<td class="text-danger font-size-h3 font-weight-boldest"> {{ $cart->total_price_with_tax()['total_with_tax'] }} {{ all_currencies($cart->currency) ??'' }}  </td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<!-- end: Invoice footer-->
		<!-- begin: Invoice action-->
		<div class="row justify-content-center py-8 px-8 py-md-10 px-md-0">
			<div class="col-md-9">
				<div class="d-flex justify-content-between">
					@if ( ($cart->payment_status == 'paid' && $cart->status == "paid" ) || ($cart->payment_status == 'paid_later' && $cart->status == "paid_later" ) )
						
					<a type="button" class="btn btn-light-primary font-weight-bold" onclick="window.print();">Download Invoice</a>

					@else

					
					<button
					data-action="{{route('company.change_client_cart_info',$cart->id)}}"
					data-payment_way="{{json_encode( $company->paymentmethod()->whereIn('type',
					[
					'cash',
					'credit',
					'pos',
					'banktransfer'])->get()  , true )}}"
					class="btn btn-light-success font-weight-bolder font-size-sm checkin"
					data-toggle="modal" data-target="#exampleModal2"
						>اتمام دفع
					 </button>

					@endif
					<a href="{{route('invoice',['invoice_code'=>$cart->code])}}" type="button" class="btn btn-primary font-weight-bold" >Print Invoice</a>
				</div>
			</div>
		</div>
		<!-- end: Invoice action-->
		<!-- end: Invoice-->
	</div>
	</div>
	<!-- end::Card-->



	<div class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2"
    aria-hidden="true">
    <form id="checkinForm" action="" method="POST">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">  تغيير حالة طلب</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>
                @csrf
                <div class="modal-body">

                    <div class="form-group">
                        <label>اختر حالة الطلب</label>
                        {!! Form::select('payment_way', [] , null ,['class'=>'form-control form-control-lg form-control-solid select2','id'=>'payment_way','placeholder'=>'من فضلك قم بإختيار حالة الطلب ','required']); !!}


                        {!! Form::select('payment_status',payment_status(1,1), null ,['class'=>'form-control form-control-lg form-control-solid select2','id'=>'status','placeholder'=>'من فضلك قم بإختيار حالة الطلب ','required']); !!}

                    </div>

            </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">
                        اغلاق
                    </button>
                    <button type="submit" class="btn btn-primary font-weight-bold">  حفظ </button>
                </div>
            </div>
        </div>
    </form>
</div>



@endpush
@push('scripts')
    <script>
       
	   
	   $('.checkin').click(function(){

			if( typeof($(this).data("payment_way")) == "object" )
			{

			all_paymrnt = $(this).data("payment_way")

			$('#payment_way')
			.find('option')
			.remove();
			all_paymrnt.forEach(element => {
				console.log(element);
				$('#payment_way').append(`<option value="${element.id}">${element.name_ar}</option>`)


			});

			$('.select2').select2({ width: '100%' });


			}



			$('#checkinForm').attr('action', $(this).data("action"));
			});


    </script>
@endpush