@extends('master')
@section('title')
    Datewise Bookings
@endsection
@section('content')
    <div class="container-fluid px-4 bg-light" 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>

        {{--  filter --}}

        <div class="p-4  bg-light">

            <div class="card p-4">
                {{-- title --}}
                <h4 class="page-title">{{ __('Select Date') }}</h4>
                {{-- end title --}}
                <form action="{{ route('agent.show_date_wise_bookings_report') }}" method="get">
                    @csrf
                    <div class="row align-items-end">
                        <div class="col-lg-3">
                            <label class="form-label">{{ __('From Date') }} </label>
                            <input type="date" class="form-control"
                                @if ($filter) value="{{ $from_date }}" @endif name="from">
                        </div>
                        <div class="col-lg-3">
                            <label class="form-label">{{ __('To Date') }} </label>
                            <input type="date"
                                class="form-control"@if ($filter) value="{{ $to_date }}" @endif
                                name="to">
                        </div>

                        <div class="col-lg-4">
                            <label class="form-label"> </label>

                            <button class="btn btn-success" type="submit"><i class="fe fe-search"></i> Search</button>
                        </div>
                    </div>

                </form>
            </div>


        </div>
        <div class="row g-5">
            <div class="row g-4">
                @if (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
                @if ($filter)
                    <div class="col-12">
                        <div class="bg-light rounded h-100 p-4">

                            <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


                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($bookings as $data)
                                            <tr>
                                                <td>{{ $data->booking_no }}</td>
                                                <td>{{ $data->origins->name ?? '' }}</td>
                                                <td>{{ $data->destinations->name ?? '' }}</td>
                                                <td>{{ $data->weights->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


                                            </tr>
                                        @endforeach
                                </table>
                            </div>
                        </div>
                    </div>
                @endif
            </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