@extends('master')
@section('title')
    Booking
@endsection
@section('content')
    <div class="container-fluid pt-4 px-4" style="min-height: 75vh;">

        <div class="modal fade large-modal" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Company Info</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body pd-20">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">{{ __('Company Name') }}:</label>
                                    <input type="text" class="form-control" name="company_name"
                                        placeholder="{{ __('Enter Company Name') }}" required>
                                </div>

                                <div class="form-group">
                                    <label class="form-label">{{ __('Phone') }}</label>
                                    <input type="text" class="form-control" id="contact" name="company_number"
                                        placeholder="{{ __('Enter Company Number') }}" required>
                                    <div class="invalid-feedback">Phone Number must be 11 digits</div>
                                </div>


                                <div class="form-group">
                                    <label class="form-label">{{ __('Website') }}</label>
                                    <input type="email" class="form-control" name="company_email"
                                        placeholder="{{ __('Enter Company Email') }}" required>
                                </div>


                                <div class="form-group">
                                    <label class="form-label"> {{ __('Select Currency') }} </label>
                                    <select name="company_district" class="form-control select2-show-search"
                                        style="width:100%" data-placeholder="Choose one">
                                        <option value="">1</option>
                                        <option value="">1</option>
                                    </select>
                                </div>


                            </div>

                            <div class="col-md-6">

                                <div class="form-group">
                                    <label class="form-label">{{ __('Address') }}</label>
                                    <input type="text" class="form-control" name="company_website"
                                        placeholder="{{ __('Enter Company Website') }}" required>
                                </div>

                                <div class="form-group">
                                    <label class="form-label">{{ __('Email') }}</label>
                                    <input type="text" class="form-control" name="company_address"
                                        placeholder="{{ __('Enter Company Address') }}" required>
                                </div>




                                <div class="form-group">
                                    <label class="form-label"> {{ __('Select Country') }} </label>
                                    <select name="company_currency" class="form-control select2-show-search"
                                        style="width:100%" data-placeholder="Choose one">
                                        <option value="">1</option>
                                        <option value="">1</option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label class="form-label">{{ __('Logo upload') }}</label>
                                    <input type="file" class="form-control" name="company_logo" required>
                                </div>


                            </div>
                        </div>




                    </div><!-- modal-body -->
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary">Save changes</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="row g-4">
            <div class="row g-4">
                @if (Session::has('success'))
                    <div class="col-lg-5">
                        <div class="alert alert-success" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            <i class="fa fa-check-circle-o mr-2" aria-hidden="true"></i> {{ Session::get('success') }}
                        </div>
                    </div>
                @elseif (Session::has('danger'))
                    <div class="col-lg-5">
                        <div class="alert alert-danger" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            <i class="fa fa-check-circle-o mr-2" aria-hidden="true"></i> {{ Session::get('danger') }}
                        </div>
                    </div>
                @endif

                <div class="col-12">
                    <div class="bg-light rounded h-100 p-4">


                        <div class="d-flex justify-content-between align-items-center mb-4">
                            <h6>Booking List</h6>

                            <a type="button" href="{{ route('booking.create') }}" class="btn btn-primary">
                                Add Booking
                            </a>

                        </div>

                        <div class="table-responsive">
                            <table id="example" class="table table-striped table-bordered" style="width:100%;">
                                <thead>
                                    <tr>

                                        <th>Track No</th>
                                        <th>Origin</th>
                                        <th>Destination</th>
                                        <th>Weight(KG)</th>
                                        <th>Charge</th>
                                        <th>Shiper</th>
                                        <th>Consignee</th>
                                        <th>Amount</th>
                                        <th>Collected</th>
                                        @if (Auth::user()->role == 'Agent' || Auth::user()->role == 'Admin')
                                            <th>Status</th>
                                        @endif
                                        @if (auth()->user()->role == 'Admin')
                                            <th>Action</th>
                                        @endif

                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($booking as $data)
                                        <tr>
                                            <td>{{ $data->booking_no }}</td>
                                            <td>{{ $data->origins->name ?? '' }}</td>
                                            <td>{{ $data->destinations->name ?? '' }}</td>
                                            <td>{{ $data->weight ?? '' }}</td>
                                            <td>{{ $data->charge }}</td>
                                            <td>{{ $data->shipper }}</td>
                                            <td>{{ $data->consignee }}</td>
                                            <td>{{ $data->bill_amount }}</td>
                                            <td>{{ $data->collect_amount }}</td>

                                            @if (auth()->user()->role == 'Agent' || auth()->user()->role == 'Admin')
                                                <td>{{ $data->status }}</td>
                                            @else
                                                <td></td>
                                            @endif
                                            @if (auth()->user()->role == 'Admin')
                                                <!-- <td style="text-align: center;">


                                                    <a class="btn btn-danger deletE btn-xs"
                                                        href="{{ route('booking.destroy', ['id' => $data->id]) }}"
                                                        onclick="return confirm('Are You Sure You Want To Delete ??')">

                                                        <i class="fa fa-trash"></i>
                                                    </a>

                                                </td> -->
                                             <td style="text-align: center;">
    <a class="btn btn-primary btn-xs" title="Edit"
       href="{{ route('booking.edit',['booking_no' => $data->booking_no ]) }}">
       <i class="fas fa-edit"></i>
    </a>
    <a class="btn btn-success btn-xs" title="Invoice"
       href="{{ route('booking.report_booking_invoice', $data->booking_no) }}">
       <i class="fas fa-file-invoice"></i>
    </a>
    <a class="btn btn-warning btn-xs" title="CN print"
       href="{{ route('booking.report_booking', $data->booking_no) }}">
       <i class="fas fa-print"></i>
    </a>
</td>

                                            @endif




                                        </tr>
                                    @endforeach
                            </table>
                        </div>
                    </div>
                </div>
            </div>


        </div>
        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        <script>
            $(document).ready(function() {
                new DataTable('#example', {
                    fixedHeader: true
                });
            });
        </script>
    @endsection