@extends('layouts.admin.master')

@section('title')Receipt
 {{ $title }}
@endsection


@push('css')
<meta name="csrf-token" content="{{ csrf_token() }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/date-picker.css') }}">
@endpush

@section('content')	
	<div class="container-fluid">
    <div class="page-header">
      <div class="row">
        <div class="col-lg-6">
          <h3>Cheque Reconciliation</h3>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Account</a></li>
            <li class="breadcrumb-item"><a href="javascript:void(0)">Cheque</a></li>    
            <li class="breadcrumb-item"><a href="#">List</a></li>            

          </ol>
        </div>
        <div class="col-lg-6">
          <div class="bookmark">
            <ul>
            <li><a class="btn btn-primary-light" href="{{route('accountReceipt',['action'=>base64_encode('add')])}}">Add Cheque</a></li>    
            </ul>
          </div>
        </div>
      </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h5>Cheque</h5>
                </div>
                <div class="card-block row">
                    <div class="col-sm-12 col-lg-12 col-xl-12">
                        <div class="table-responsive">
                            <table class="table">
                                <thead class="table-primary">
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">UID</th>
                                        <th scope="col">Installment no</th>
                                        <th scope="col">Ledger</th>
                                        <th scope="col">Cheque no</th>
                                        <th scope="col">Cheque date</th>
                                        <th scope="col">Payer bank</th>
                                        <th scope="col">Amount</th>
                                        <th scope="col">Status</th>
                                        <th scope="col">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                    $count = 1;
                                    @endphp
                                    @foreach($data as $list)
                                    <tr>
                                        <th scope="row">{{$count++}}</th>
                                        <td>{{$list->stu_uid}}</td>
                                        <td>{{$list->installment_no}}</td>
                                        <td>{{$list->payer_bank}}</td>
                                        <td>{{$list->cheque_no}}</td>
                                        <td>{{$list->cheque_date}}</td>
                                        <td>{{$list->payer_bank}}</td>
                                        <td>{{$list->amount}}</td>
                                        <td><span class="badge badge-secondary">{{$list->status}}</span></td>
                                        <td>
                                        <div class="item-action dropdown ml-2">
                                                <a href="javascript:void(0)" data-toggle="dropdown"><i class="fa fa-ellipsis-v"></i></a>
                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="javascript:void(0)" class="dropdown-item" id="convert-installment-link" data-bs-toggle="modal" data-bs-target="#convert-installment" onclick="convertInstallment('{{encrypt_decrypt("encrypt",$list->cheque_id)}}','{{$list->cheque_no}}','{{$list->cheque_date}}','{{$list->payer_bank}}','{{$list->amount}}')"> Convert to Installment </a>                                                    
                                                    <a href="{{route('accountReceipt',['action'=>base64_encode('edit'),'Id'=>encrypt_decrypt('encrypt',$list->receipt_Id)])}}" class="dropdown-item"> Move to rejection</a>                                                    
                                                </div>
                                        </div>                                                                         
                                        </td>
                                    </tr>               
                                    @endforeach                    
                                </tbody>                                
                            </table>
                        </div>                        
                    </div>
                </div>                
            </div>
            <div class="mb-5 table-responsive">
                <ul id="demo" class="pagination justify-content-center pagination-primary">
                </ul>						
            </div>
        </div>
    </div>

    <div class="modal fade" id="convert-installment" tabindex="-1" role="dialog" aria-labelledby="convert-installment" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Cheque detail : <span id="cheque_text"></span></h5>
                    <!-- <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button> -->
                </div>
                <div class="modal-body">
                    <form method="post" name="convert_installment_form" id="convert-installment-form">
                        @csrf
	                    <div class="form theme-form">                                                     
                             <div class="row">      
                                <div class="col-sm-6 d-none">
	                                <div class="mb-3">
	                                    <label>Cheque id</label>
	                                    <input class="form-control" type="text" placeholder="cheque_id" id="cheque_id" name="id" readonly />
	                                </div>
	                            </div>                           
	                            <div class="col-sm-6">
	                                <div class="mb-3">
	                                    <label>Cheque no</label>
	                                    <input class="form-control" type="text" placeholder="cheque_no" id="cheque_no" name="cheque_no" readonly/>
	                                </div>
	                            </div>
                                <div class="col-sm-6">
	                                <div class="mb-3">
                                    <label>Cheque date</label>  
                                    <input class="form-control" type="text" placeholder="cheque date" id="cheque_date" name="cheque_date" readonly />
	                                </div>
	                            </div>                                
	                        </div>  
                            <div class="row">                                 
	                            <div class="col-sm-6">
	                                <div class="mb-3">
	                                    <label>Amount</label>
	                                    <input class="form-control" type="text" placeholder="Amount" id="amount" name="amount" readonly />
	                                </div>
	                            </div>
                                <div class="col-sm-6">
	                                <div class="mb-3">
                                    <label>Settlement date</label>
	                                    <input class="form-control settlement-date" type="text" id="cheque_settlement_date" data-language="en" name="cheque_settlement_date" />                                       
	                                </div>
	                            </div>                                
	                        </div>                           
                            <div class="row">
	                            <div class="col">
	                                <div class="mb-3">
	                                    <label>Narration</label>
                                        <textarea id="messageText" class="form-control" name="message" cols="10" rows="4"></textarea>
	                                </div>
	                            </div>                               
	                        </div>                                               	                        	                                                    	                                                              
	                        <div class="row">                                                            
	                            <div class="col justify-content-center">
	                                <div class="text-center">
                                         <button class="btn btn-primary" type="submit" id="submit_convert">Convert</button>
                                     </div>
	                            </div>
	                        </div>
	                    </div>
                    </form>
                </div>                
            </div>
        </div>
    </div>
</div>

@push('scripts')	
    <script src="{{asset('assets/js/app.min.js')}}"></script>
    <script src="{{asset('assets/js/pagination.js')}}"></script>
    <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.js') }}"></script>
    <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.en.js') }}"></script>
    <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.custom.js') }}"></script>
    <script src="{{asset('assets/js/notify/bootstrap-notify.min.js')}}"></script>
    <script src="{{asset('assets/js/setting/notify.js')}}"></script>
    <script src="{{asset('assets/functions/common.js')}}"></script>
       <script>

        function convertInstallment(id,cheque_no,cheque_date,payer_bank,amount)
        {
            $("#cheque_id").val(id)
            $("#cheque_no").val(cheque_no)
            $("#cheque_date").val(cheque_date)
            $("#amount").val(amount)
            $("#cheque_text").text(cheque_no)
        }

        $(function(){            
            var date = new Date()
            date =  new Date(date.getTime() - (date.getTimezoneOffset() * 60000 ))
            .toISOString()
            .split("T")[0];
            $("#cheque_settlement_date").datepicker().val(date)
        })

        $(function(){
            $("#convert-installment-form").submit(function(e){
                e.preventDefault()
                var data = $(this).serialize()
                var cheque_id = $("#cheque_id").val()
                console.log('che',cheque_id)
                var cheque_no = $("#cheque_no").val()
                var cheque_date = $("#cheque_date").val()
                var cheque_settlement_date = $("#cheque_settlement_date").val()
                var amount = $("#amount").val()
                var messageText = $("#messageText").val()

                if(cheque_id =='')
                {
                    notifyF("Error","cheque id cannot be blank",'danger',2000)                    
                    return false;
                }
                if(cheque_no =="")
                {
                    notifyF("Error","Cheque no cannot be blank",'danger',2000)                    
                    return false;
                }
                if(cheque_date =="")
                {
                    notifyF("Error","Cheque date cannot be blank",'danger',2000)                    
                    return false;
                }
                if(amount =="")
                {
                    notifyF("Error","Amount date cannot be blank",'danger',2000)                    
                    return false;
                }
                if(cheque_settlement_date=="")
                {
                    notifyF("Error","Cheque settlement date cannot be blank",'danger',2000)                    
                    return false;
                }
                
                console.log($(this).serialize(),"data");
                ajaxWait("{!! route('convertToInstallment') !!}",data).then(function(result,error){   
                console.log(response,"dkdkdk")             
                if(result.Response=='Success')
                {
                    $("#templateSubmit").text('Send')
                    $("#templateSubmit").attr('disabled',false)
                    notifyF('Success',result.Msg,'primary',2000)      
                    setTimeout(() => {
                        location.reload()
                    }, 2000);              
                }
            })


            })
        })

    $(function() {
        $('#demo').twbsPagination({
            totalPages: 50,
            visiblePages: 5
            });
    });

           </script>
	@endpush
@endsection