@extends('admin.layout.master')
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card sina-card">
                <div class="card-header">
                    <h4 class="card-title">{{ __('obs.commission_generate') }}</h4>
                </div>
                <div class="card-body">
                    <div class="row g-2">
                        <div class="col-xl-2 col-md-3 col-6">
                            <label for="">{{ __('obs.start_date') }}</label>
                            <input type="text" class="form-control date_picker" id="start_date" value="{{ date('d-m-Y') }}">
                        </div>
                        <div class="col-xl-2 col-md-3 col-6">
                            <label for="">{{ __('obs.end_date') }}</label>
                            <input type="text" class="form-control date_picker" id="end_date" value="{{ date('d-m-Y') }}">
                        </div>
                        <div class="col-xl-2 col-md-4 col-6">
                            <label for="">{{ __('obs.hotel') }}</label>
                            <select name="warehouse_id" class="form-control select_2" id="warehouse_id">
                                {{-- <option value="">All</option> --}}
                                @foreach (adminAsignedWarehouseList()->where('type',3) as $v)
                                    <option value="{{ $v->id }}">{{ $v->name_eng }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-1">
                            <label for="">&nbsp;</label>
                            <button class="btn btn-primary w-100" onclick="getData()">Generate</button>
                        </div>
                    </div>
                    <div class="row mt-2" id="commission_setup"></div>
                    <div class="row mt-2">
                        <div class="col-3" id="commission_generate">

                        </div>
                        <div class="col-9" id="commission_generate_details">

                        </div>
                    </div>
                </div>
            </div>
        </div>    
    </div>
    @include('frontdesk.common.common')
@endsection

@section('script')
    <script>
        function getData(user_id=null){
            getLoadingStatusNew();
            let start_date = $('#start_date').val();
            let end_date = $('#end_date').val();
            let warehouse_id = $('#warehouse_id').val();
            let url = "{{ route('frontdesk.frontdesk.commission_generate.index') }}";
            customAjaxCall(function(res){
                closeSweetAlert();
                if(user_id){
                    $('#commission_generate_details').html(res.generated);
                } else{
                    $('#commission_setup').html(res.setup);
                    $('#commission_generate').html(res.generated);
                    $('#commission_generate_details').html('');
                }
            }, "get", url, {
                start_date: start_date,
                end_date: end_date,
                warehouse_id: warehouse_id,
                user_id: user_id
            });
        }
    </script>
@endsection