@extends('admin.layout.master')
@section('custom_style')
@endsection

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card sina-card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <div>
                        <h4 class="font-weight-bold mb-0">{{ get_guard() == 'admin' ? __('obs.agent_rate_agreement_list') : __('obs.rate_agreement')}}</h4>
                    </div>
                    @if(checkAuthPermission('frontdesk.frontdesk.agent_rate_agreement.create'))
                        <a href="{{route('frontdesk.frontdesk.agent_rate_agreement.create')}}" class="btn btn-sm btn-light">{{__('obs.agent')}} {{__('obs.rate')}} {{__('obs.create')}}</a>
                    @endif
                </div>
                <div class="card-body">
                    <div class="container-fluid">
                        <div class="row g-2">
                            <div class="col-12">
                                <div class="row">
                                    @if(get_guard() == 'admin')
                                    <div class="col-xl-3 col-md-6">
                                        <table class="table cl-table table-form table-bordered rounded-2 mb-0">
                                            <tbody>
                                                <tr>
                                                    <td style="width: 35%">
                                                        <label for="" class="cl-form-label">{{__('agent')}}</label>
                                                    </td>
                                                    <td>
                                                        <div class="d-flex">
                                                            <select id="party_id" class="form-control cl-form-control fd_agent_search">
                                                            </select>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    @else
                                        <input type="hidden" id="party_id" value="{{ active_party() }}">
                                    @endif
                                    <div class="col-xl-3 col-md-6">
                                        <table class="table cl-table table-form table-bordered rounded-2 mb-0">
                                            <tbody>
                                                <tr>
                                                    <td style="width: 35%">
                                                        <label for="" class="cl-form-label">{{__('hotel')}}</label>
                                                    </td>
                                                    <td>
                                                        <div class="d-flex">
                                                            <select style="width: 100%!important" id="warehouse_id" class="form-control cl-form-control select_2">
                                                                <option value="">{{__('all')}}</option>
                                                                @foreach (adminAsignedWarehouseList()->where('type',3) as $v)
                                                                    <option {{ $v->id == current_store() ? 'selected' : '' }} value="{{ $v->id }}">{{ $v->name_eng }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="col">
                                        <table class="table cl-table table-form table-bordered rounded-2 mb-0">
                                            <tbody>
                                                <tr>
                                                    <td style="width: 35%">
                                                        <label for="" class="cl-form-label" title="Agreement Start From">{{__('start_date')}}</label>
                                                    </td>
                                                    <td>
                                                        <div class="d-flex">
                                                            <input type="text" class="form-control date_picker" id="start_date" value="{{ date('1-m-Y') }}" />
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="col">
                                        <table class="table cl-table table-form table-bordered rounded-2 mb-0">
                                            <tbody>
                                                <tr>
                                                    <td style="width: 35%">
                                                        <label for="" class="cl-form-label" title="Agreement Start From">{{__('end_date')}}</label>
                                                    </td>
                                                    <td>
                                                        <div class="d-flex">
                                                            <input type="text" class="form-control date_picker" id="end_date" value="{{ date('t-m-Y') }}" />
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="col">
                                        <table class="table cl-table table-form table-bordered rounded-2 mb-0">
                                            <tbody>
                                                <tr>
                                                    <td style="width: 35%">
                                                        <label class="cl-form-label">{{ __('obs.type') }}</label>
                                                    </td>
                                                    <td>
                                                        <div class="d-flex">
                                                            <select id="report_type" class="form-control cl-form-control select_2">
                                                                <option value="1">{{__('summary')}}</option>
                                                                <option value="2">{{__('details')}}</option>
                                                            </select>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="col-1">
                                        <table class="table cl-table table-form table-bordered rounded-2 mb-0">
                                            <tbody>
                                                <tr>
                                                    <td colspan="2">
                                                        <div class="d-flex">
                                                            <button class="btn btn-primary w-100" onclick="getAgentRate()">{{__('filter')}}</button>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div id="agent_rate_agreements">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include('frontdesk.common.common')
@endsection
@section('script')
    <script>
        function getAgentRate(batch=null){
            let warehouse_id = $('#warehouse_id').val();
            let party_id = $('#party_id').val();
            let start_date = $('#start_date').val();
            let end_date = $('#end_date').val();
            let type = $('#report_type').val();
            getLoadingStatusNew();
            customAjaxCall(function(res){
                $('#agent_rate_agreements').html(res.html);
                closeSweetAlert();
            }, "get", (@json(get_guard() == 'admin') ? "{{ route('frontdesk.frontdesk.agent_rate_agreement.index') }}" : "{{ route('frontdesk_agent.frontdesk.reports.rate_agreement_report') }}"), {
                warehouse_id: warehouse_id,
                party_id: party_id,
                start_date: start_date,
                end_date: end_date,
                type: type,
                batch: batch
            });
        }
        function approveAgentRate(batch){
            Swal.fire({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, approve it!',
                input: 'text'
            }).then((result) => {
                if (result.isConfirmed) {
                    getLoadingStatusNew();
                    customAjaxCall(function(res){
                        Swal.fire({
                            icon: 'success',
                            title: 'Approved'
                        }).then((r) => {
                            closeSweetAlert();
                            getAgentRate();
                        })
                    }, "POST", "{{ route('frontdesk.frontdesk.agent_rate_agreement.approve') }}", {
                        batch: batch,
                        note: result.value
                    });
                }
            })
        }
    </script>
@endsection