@extends('Master')
@section('content')
    <div class="col-12" style="margin-top: -20px;">
        <h3 class="mb-2 page-title"></h3>
    </div>

    <div class="wrapper wrapper-content animated fadeInRight" style="margin-top: 32px;">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox">
                    <div class="ibox-title bg-success">
                        <h4>@lang('public.approved_received_orders')</h4>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered table-hover dataTables-example">
                                <thead>
                                    <tr>
                                        <th>@lang('public.date')</th>
                                        <th>@lang('public.from')</th>
                                        <th>@lang('public.plate_number')</th>
                                        <th>@lang('public.customer_name')</th>
                                        <th>@lang('public.phone')</th>
                                        <th>@lang('public.cargo_type')</th>
                                        <th>@lang('public.booking_description')</th>
                                        <th>@lang('public.location')</th>
                                        <th>@lang('public.destination')</th>
                                        <th>@lang('public.Payment')</th>
                                        <th> @lang('public.reject') </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($Orders as $item)
                                    <tr>
                                        <td>{{ $item->created_at }}</td>
                                        <td>{{ $item->OrderingCompany->CompanyName }}</td>
                                        <td>{{ $item->Vehicle->PlateNumber }}</td>
                                        <td>{{ $item->CustomerName }}</td>
                                        <td>{{ $item->Phone }}</td>
                                        <td>{{ $item->CargoType }}</td>
                                        <td>
                                            @if ($item->CargoType=='heavy_cargo')
                                            {{ $item->cargo_name }}-{{$item->cargo_weight}} @lang('public.Tonnes')
                                            @elseif($item->CargoType=='passenger')
                                            {{ $item->adult_count }} @lang('public.Adult'), {{$item->child_count}} @lang('public.Children')
                                            @elseif($item->CargoType=='parcel')
                                            {{ $item->parcel_name }}
                                            @else
                                            {{ $item->special_request }}
                                            @endif
                                        </td>
                                        <td>{{ $item->Location }}</td>
                                        <td>{{ $item->Destination }}</td>
                                        <td>
                                            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#approvalModal"
                                            onclick="ExtSlp('{{ $item->id }}')">@lang('public.Payment')</a>
                                        </td>
                                        <td>
                                            <a href="{{ route('RejectOrders', [encrypt($item->id)]) }}"  style="color: rgb(255, 8, 0)">
                                                <i class="fa fa-times"></i> @lang('public.reject_order')
                                            </a><br>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="approvalModal" tabindex="-1" role="dialog" aria-labelledby="approvalModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form id="approvalForm" method="POST" action="{{ route('makeorderpayment') }}">
                    @csrf
                    <input type="hidden" name="ExtSlp" id="Ext_no" value="">
                    <div class="modal-header">
                        <h5 class="modal-title" id="approvalModalLabel">@lang('public.Order Payment')</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="form-group">
                            <label for="Cost">@lang('public.Transpotation Cost'): <span
                                style="color: red">*</span></label>
                            <input type="number" name="Cost" id="Cost" class="form-control"
                            autocomplete="off" required>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn mb-2 btn-secondary" data-dismiss="modal">@lang('public.close')</button>
                        <button type="submit" class="btn mb-2 btn-primary">@lang('public.submit')</button>
                    </div>
                </form>
            </div>
        </div>
      </div>
      <script>
         $(document).ready(function() {
            function ExtSlp(id) {
                        $('#Ext_no').val(id);
            }
            window.ExtSlp = ExtSlp;
        });
      </script>

@endsection