@extends('admin.layout.master')
@section('title', 'Manage ChequeBooks')
@section('content')
<div class="card sina-card">
    <div class="card-header card-header-s d-flex flex-wrap align-items-center">
        <h4 class="col-6 pl-0">{{__('obs.cheque_book_list')}}</h4>
        <div class="col-6 d-flex justify-content-end">
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addCheckbook" data-bs-toggle="modal" data-bs-target="#addCheckbook">
                {{__('obs.add_cheque_book')}}
            </button>
           
        </div>
        {{-- <button id="myButtonControlID" class="pull-right">Excel</button> --}}
    </div>
    <div class="card-body"> 
        {{-- <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" /> --}}
        <div class="card-body" style="padding-bottom:0">
            <form action="{{  route('cheque.index') }}" method="get">
                <div class="form-group">
                    <div class="row justify-content-end">
                        <div class="col-3">
                            <label for="cheque_no">{{__('obs.cheque_no')}}: </label>
                            <input type="text" name="cheque_no" id="cheque_no" class="form-control">
                        </div>
                        <div class="col-4">
                            <label for="bank_id">{{__('obs.bank_name')}}: </label>
                            <select name="bank_id" id="bank_id" class="form-control select_2" onchange="setCheckBook()">
                                @forelse ($banks as $bank)
                                <option value="{{$bank->id}}" @if(Request()->bank_id==$bank->id) selected="selected" @endif>{{$bank->bank_name}}</option>
                                @empty  
                                @endforelse
                            </select>
                        </div>
                        <div class="col-4">
                            <label for="check_book_no" class="display:block">{{__('obs.cheque_book_no')}}: </label>
                            <div class="input-group">
                                <input list="check_books" type="text" name="check_book_no" id="check_book_no" class="form-control">
                                <datalist id="check_books"></datalist>
                                <button type="submit" style="height: 28px; margin-left: -2px" class="btn btn-pill btn-sm btn-hover btn-danger">
                                    <i class="fa fa-search"></i>
                                </button>
                            </div>
                        </div>
                        <div class="col-1"></div>
                       
                    </div>
                </div>
            </form>
        </div>

           
            <h5 style="color:green">{{ Session::get('message') }}</h5>
            <table class="table" id="data_table">
                <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">{{__('obs.name')}}</th>
                        <th scope="col">{{__('obs.bank_name')}}</th>
                        <th scope="col">{{__('obs.cheque_book_no')}}</th>
                        <th scope="col">{{__('obs.cheque_no')}}</th>
                        <th scope="col">{{__('obs.status')}}</th>
                        <th>{{__('obs.action')}}</th> 
                    </tr>
                </thead>
                <tbody>
                    @php
                        $i = 1;
                        $types=getChequeType();
                    @endphp
                    @foreach ($allCheckBooks as $checkBook)
                    <tr>
                        <td scope="row">{{ $i++ }}</td>
                        <td>{{ $checkBook->bank?$checkBook->bank->name_eng:'' }}</td>
                        <td>{{ $checkBook->bank?$checkBook->bank->bank_name:'' }}</td>
                        <td>{{ $checkBook->check_book_no }}</td>
                        <td class="{{ $checkBook->voucher_id? 'text-danger':'text-info' }}">{{ $checkBook->check_number }}</td>
                        <td class="{{$checkBook->check_status==3||$checkBook->check_status==7?'text-danger':'text-info'}}">
                            {{ strtoupper(str_replace('_',' ',$types[$checkBook->check_status]))}}
                            {{-- @if(count($checkBook->initial_cheque_details)>0)
                                <b class="text-info">{{ $types[$checkBook->initial_cheque_details()->latest()->first()->type]}} 
                                @<br>
                                {{date('d-M-Y',strtotime($checkBook->initial_cheque_details()->latest()->first()->cheque_date)) }}
                                </b> 
                            @else
                            {{'Yet Not Used'}}
                            @endif --}}
                        </td>
                        <td>
                            @if($checkBook->check_status<7)
                             <button type="button" onClick="updateChequeInfoStatus('{{ $checkBook->id }}')" class="btn-danger btn-xs">
                                {{__('obs.manually_used')}}
                            </button>
                            @endif
                            <button type="button" onClick="loadChequeData('{{ $checkBook }}')" class="btn-danger btn-xs">
                                {{__('obs.edit')}}
                            </button>
                           
                        </td>
                    </tr>
                    @endforeach

                </tbody>
            </table>
        
@include('accounts.modals.add_checkbook')
@endsection
@section('script')
    <script>
        $('.select_2').select2();
        $(document).ready(function(){
            $('#data_table').dataTable();
        });
        // function updateChequeInfoStatus(){
            // // $('#cheque_date').val(getFormatedDate(chequeDate));
            // $('#type_status option').each(function(){
            //                 if($(this).attr('value')==type){
            //                     $(this).attr('selected', true);
            //                 }
            //             });
            // alert(type);
            // }
    function updateChequeInfoStatus(id){
        if (confirm("Are you sure ?")) {
            //alert(id);
            var status=7;
            
            var voucher_ids = [];
        // $.each($("input[name='voucher_to_set_preparation']:checked"), function(){
                voucher_ids.push(id);
        // });
            if(voucher_ids.length>0){
                var note=null;//$('#check_note_all').val();
                var bounced_date=null;//$('#bounced_date_all')?getFormatedDate($('#bounced_date_all').val()):null;
                //console.log(voucher_ids);
                $.ajaxSetup({
                    headers: {
                        "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                        },
                    });
                $.ajax({
                    type: "POST",
                    url: "{{route('voucher.cheque_status')}}",
                    data: {
                        voucher_ids:voucher_ids,
                        check_status:status,
                        note:note,
                        check_date:bounced_date,
                        type:5
                    },
                    success: function (data) {
                        //voucher_ids=data;
                        location.reload();
                    },
                    error: function (response) {
                    //
                    },
                });
            }else{
                alert('Please Select Voucher');
            }
        }
    }
        function getFormatedDate(dateToBeFormated){
            var now = new Date(dateToBeFormated);
            var day = ("0" + now.getDate()).slice(-2);
            var month = ("0" + (now.getMonth() + 1)).slice(-2);
            var return_date = now.getFullYear()+"-"+(month)+"-"+(day) ;
            return return_date;
        }
        const setCheckBook=()=>{
            let link= "{{route('cheque.index')}}";
            let data_param={
                bank_id:$('#bank_id').val(),
                type:2,
            }
            const setReportData = data => {
                console.log(data);
                // let dataStr='';
                // for (const i of data) {
                //     dataStr+='<option value="'+i+'">';
                // }
                // for (let i = 0; i < data.length; i++) {
                //     dataStr+='<option value="'+data[i].check_book_no+'">';
                // }
                //cat_sum[i] = 
                $('#check_books').html(data);
            }
            ajaxCall(link,'GET',data_param, setReportData);
        }
        const loadChequeData=(data)=>{
            console.log(data);
        }
    </script>    
@endsection