@extends('admin.layout.master')

@section('content')

    <div class="card sina-card">
        <div class="card-header">
            <h4 class="mb-0">Allotment Receive</h4>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    <div class="row">
                        <div class="col-4">
                            <form action="{{ route('frontdesk.allotment.receive_store') }}" class="form_submit">
                                <div class="row g-2 mt-2">
                                    <label for="nameInput" class="col-sm-4 col-form-label cl-form-label">{{ __('obs.agent') }}</label>
                                    <div class="col-sm-8">
                                        <select name="agent_id" class="form-control fd_agent_search_2" id="agent_id" onchange="handleAgentChange()"></select>
                                    </div>
                                </div>

                                <div class="row g-2 mt-2">
                                    <label for="nameInput" class="col-sm-4 col-form-label cl-form-label">{{ __('obs.allotment') }}</label>
                                    <div class="col-sm-8">
                                        <select name="allotment_id" class="form-control fd_allotment_live_search" id="allotment_id" onchange="handleAllotmentChange()"></select>
                                    </div>
                                </div>

                                <div class="row g-2 mt-2">
                                    <label for="nameInput" class="col-sm-4 col-form-label cl-form-label">{{ __('obs.total_bill') }}</label>
                                    <div class="col-sm-8">
                                        <input type="number" step="any" class="form-control text-end"id="total_bill" readonly>
                                    </div>
                                </div>

                                <div class="row g-2 mt-2">
                                    <label for="nameInput" class="col-sm-4 col-form-label cl-form-label">{{ __('obs.total_received') }}</label>
                                    <div class="col-sm-5">
                                        <input type="number" step="any" class="form-control text-end"id="total_received" readonly>
                                    </div>
                                    <div class="col-sm-3">
                                        <button onclick="showReceiveHistory()" class="btn btn-primary btn-sm w-100" id="history_buttons" disabled="disabled" type="button">{{ __('obs.history') }}</button>
                                    </div>
                                </div>
                                
                                <div class="row g-2 mt-2">
                                    <label for="nameInput" class="col-sm-4 col-form-label cl-form-label">{{ __('obs.due') }}</label>
                                    <div class="col-sm-8">
                                        <input type="number" step="any" class="form-control text-end" id="due" name="due" readonly>
                                    </div>
                                </div>

                                <div class="row g-2 mt-2">
                                    <label for="nameInput" class="col-sm-4 col-form-label cl-form-label">{{ __('obs.payment_mode') }}</label>
                                    <div class="col-sm-8">
                                        <select name="cashbank_id" onchange="toggleChequeInfo()" class="form-control select_2" id="cashbank_id">
                                            @foreach ($cash_banks as $c)
                                                <option data-type="{{ $c->type }}" value="{{ $c->id }}">{{ $c->name_eng }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                
                                <div class="row g-2 mt-2">
                                    <label for="nameInput" class="col-sm-4 col-form-label cl-form-label">{{ __('obs.amount') }}</label>
                                    <div class="col-sm-8">
                                        <input type="number" step="any" class="form-control" name="amount">
                                    </div>
                                </div>

                                <div class="row g-2 mt-2">
                                    <label for="nameInput" class="col-sm-4 col-form-label cl-form-label">{{ __('obs.remarks') }}</label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" name="remarks"></textarea>
                                    </div>
                                </div>
    
                                <div class="row g-2 mt-2 cheque_info" style="display: none">
                                    <label for="nameInput" class="col-sm-4 col-form-label cl-form-label">{{ __('obs.cheque_date') }}</label>
                                    <div class="col-sm-8">
                                        <input class="form-control date_picker" name="cheque_date">
                                    </div>
                                </div>
    
                                <div class="row g-2 mt-2 cheque_info" style="display: none">
                                    <label for="nameInput" class="col-sm-4 col-form-label cl-form-label">{{ __('obs.cheque_no') }}</label>
                                    <div class="col-sm-8">
                                        <input class="form-control" name="cheque_no">
                                    </div>
                                </div>
    
                                <div class="row g-2 mt-2 d-none">
                                    <label for="nameInput" class="col-sm-4 col-form-label cl-form-label">{{ __('obs.discount') }}</label>
                                    <div class="col-sm-8">
                                        <input type="number" step="any" class="form-control" name="discount">
                                    </div>
                                </div>
    
                                <div class="row g-2 mt-2 d-flex justify-content-center">
                                    <button class="btn btn-sm btn-success w-50">Save</button>
                                </div>
                            </form>
                        </div>
                        <div class="col-8" id="receive_history">
        
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('frontdesk.common.common')
@endsection

@section('script')

    <script>
        $(document).ready(function(){
            toggleChequeInfo();
        });

        function toggleChequeInfo(){
            let type = $('#cashbank_id option:selected').attr('data-type');
            if(type == 2){ // Bank
                $('.cheque_info').show();
            }else{ // cash
                $('.cheque_info').hide();
            }
        }

        function handleAgentChange(){
            getLoadingStatusNew();
            let agent_id = $('#agent_id').val();
            let url = "{{ route('frontdesk.allotment.get_info') }}";
            $("#allotment_id").select2('destroy');
            $("#allotment_id").select2();
            $("#allotment_id").empty();
            ajaxCustom(function(data) {
                let html = '';
                if(data.length > 0){
                    for(let i of data){
                        html += `<option value="${i.id}">${i.code}</option>`;
                    }
                }
                closeSweetAlert();
                $("#allotment_id").html(html).trigger('change');
            }, "GET", url, {type: 'get_allotments', agent_id: agent_id});
        }

        function handleAllotmentChange(){
            let allotment_id = $('#allotment_id').val();
            if(allotment_id){
                getLoadingStatusNew('Fetching Allotment Info...');
                let url = "{{ route('frontdesk.allotment.get_info') }}";
                ajaxCustom(function(data) {
                    $("#total_bill").val(data.bill);
                    $("#total_received").val(data.paid);
                    $("#due").val(data.due);
                    if(!$('#agent_id').val()){
                        $('#agent_id').html(`<option value="${data.agent.id}">${data.agent.name_eng}</option>`);
                    }
                    $('#history_buttons').attr('disabled', false);
                    closeSweetAlert();
                }, "GET", url, {type: 'get_allotment_bill_info', allotment_id: allotment_id});
            }
        }

        function showReceiveHistory(){
            let allotment_id = $('#allotment_id').val();
            let url = "{{ route('frontdesk.allotment.get_info') }}";
            getLoadingStatusNew('Fetching Receive History...');
            ajaxCustom(function(data) {
                $('#receive_history').html(data.html);
                closeSweetAlert();
            }, "GET", url, {type: 'get_allotment_receive_info', allotment_id: allotment_id});
        }
    </script>

@endsection