@extends('admin.layout.master')
@section('title','TRANSFER MANAGEMENT')
@section('custom_style')
<style>
input[type=text],input[type=file], input[type=number],input[type=date] {
    height: 30px !important;
}
.padding_apply{
    padding-left: 1px;
}
.table thead th {
    border: 1px solid black !important;
    text-align: center;
    vertical-align: middle;
    }
/* .table tbody td {
    border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;
    } */
.card-body{
    padding:.25rem !important;
}
/* #edit_card_box {      
 display : none; !important;      
 width :100%;      
 height : 100%;      
 background : rgba(50,50,50,0.5);      
 position : fixed;      
 top : 0;       
 z-index : 500;      
}
#popup{      
 background : white;      
 width : 400px;      
 height : 300px;      
 margin : 150px auto;      
}    */
.table th, .table td {
        padding: 0px 5px;
        color: black;
    }
.table th {
        background: var(--tableHeader_a);
        padding: 5px !important;
        color: white !important;
    }
.card-body{
    padding:.25rem !important;
}
#data_table_apply_filter,#data_table_apply_info{
    display: none;
}
/* .btn-danger{
    background: var(--rejared);
    border-color: var(--rejared);
} */
</style> 
@endsection
@section ('content') 
<div class="card sina-card">
    @include('admin.layout.title_header', ['title'=>'TRANSFER HISTORY'])
    {{-- <div class="card-header card-header-s d-flex flex-wrap align-items-center">
        <h4 class="card-title text-center">
        </h4>
       
    </div> --}}
                
    <div class="card-body">
        <form action="{{route('voucher.transfer_list')}}" method="get">
            <div class="card-body"  style="margin-bottom: -14px">
                <div class="row justify-content-end">
                    <div class="col-md-3">
                        {{-- <div class="input-group">
                            <label class="input-group-text" style="height: 30px;">Voucher No</label>
                            <input type="text" class="form-control" name="payment_voucher_no" id="payment_voucher_no">
                        </div> --}}
                    </div>
                    <div class="col-md-3">
                        <div class="input-group">
                            <label class="input-group-text" style="height: 30px;">{{__('obs.list_type')}} </label>
                            <select name="list_type" id="list_type" style="height: 30px;" class="select_2 form-control">
                                <option @if(Request()->list_type==1) selected @endif value="1">{{'TO BE IN'}}</option>
                                <option @if(Request()->list_type==2) selected @endif value="2">{{'IN'}}</option>
                                <option @if(Request()->list_type==3) selected @endif value="3">{{'OUT'}}</option>
                            </select>   
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="d-flex flex-wrap">
                            <div class="col-md-10 input-group p-0">
                                <input type="date" class="form-control bsdatepicker" id="start_date" name="start_date" value="{{Request()->start_date?date('Y-m-d',strtotime(Request()->start_date)):date('Y-m-d')}}">
                                <label class="input-group-text" style="height: 30px;">{{__('obs.date_to')}}</label>
                                <input type="date" class="form-control bsdatepicker" id="end_date" name="end_date" value="{{Request()->end_date?date('Y-m-d',strtotime(Request()->end_date)):date('Y-m-d')}}"> 
                            </div>
                            <div class="col-md-2 p-0">
                                <button type="submit" class="btn btn-pill btn-sm btn-hover btn-danger">
                                    <i class="fa fa-search"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>         
    <div class="card-body pt-4">     
        <div class="row">
            <div class="col-md-12 table-responsive-sm" style="padding-bottom: 0;" id="divTableDataHolder">
                <div class="pro_trans_table">
                    
                    <table class="table table-bordered" id="data_table_apply">
                        <thead>
                            <tr>
                                <th colspan="9" class="text-center">
                                    <div class="row justify-content-between">
                                        <h5 class="pl-4">{{__('obs.transfer_history')}}</h5>
                                        @if(Request()->list_type==1)
                                            <div class="input-group-append">
                                                {{-- <select name="cash_bank_id" id="cash_bank_id">
                                                    @forelse ($cashBanks as $cashBank)
                                                        <option value="{{$cashBank->account_id}}">{{ $cashBank->name_eng }}</option>
                                                    @empty
                                                    @endforelse
                                                </select> --}}
                                                <button style="max-height:28px" type="button" class="btn btn-sm btn-info" onclick="approveTransfer()">
                                                    <span class="fa fa-check"></span> {{__('obs.approved')}}
                                                </button>
                                            </div>
                                        @endif
                                    </div>
                                </th>
                            </tr>
                        <tr>
                            <th class="text-nowrap text-center" style="width: 3%;padding: 0">{{__('obs.sl')}}</th>
                            <th class="text-nowrap text-center" style="padding: 0">{{__('obs.date')}}</th>
                            <th class="text-nowrap text-center" style="padding: 0">{{__('obs.voucher_no')}}</th>
                            <th class="text-nowrap text-center" style="padding: 0">{{__('obs.type')}}</th>
                            <th class="text-nowrap text-center" style="padding: 0">{{__('obs.store')}}</th>
                            <th class="text-nowrap text-center" style="padding: 0">{{__('obs.details')}}</th>
                            <th class="text-nowrap text-center" style="padding: 0">{{__('obs.notes')}}</th>
                            <th class="text-nowrap text-center" style="padding: 0">{{__('obs.amount')}}</th>
                            {{-- <th class="text-nowrap text-center hidden_content" style="padding: 0">ACTION</th> --}}
                            <th class="hidden_content">
                                <div class="form-check">
                                    <input class="form-check-input voucher_id_all" onclick="setAllChecked(this)" type="checkbox" value="1" id="voucher_id_all">
                                    <label class="form-check-label" for="voucher_id_all"> </label>
                                </div>
                            </th>
                        </tr>
                        </thead>
                        <tbody class="item_tbody">
                            @php
                                $tAmount=0;
                                $types=['','cash_payment_vouchers','bank_payment_vouchers','cash_receive_vouchers','bank_receive_vouchers','journal_vouchers'];
                            @endphp
                            @forelse ($vouchers as $key=>$voucher)
                            <tr>
                                @php
                                    $tAmount+=$voucher->transaction_amount;
                                @endphp
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center">{{($key+1)}}</td>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center">{{ date('Y-M-d', strtotime($voucher->date))}}</td>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center">
                                   <a target="_blank" class="btn-xs btn-outline-dark" href="{{route('reports.journal_view',['voucher_id'=>$voucher->id,'cost_center_id'=>request()->cost_center_id,'start_date'=>date('Y-m-d', strtotime($voucher->date)),'end_date'=>date('Y-m-d', strtotime($voucher->date))])}}">
                                        {{ $voucher->voucher_no }}
                                    </a>
                                </td>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center">{{ strtoupper(str_replace('_',' ',$types[$voucher->type]))}}</td>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-left">{{ $voucher->warehouse->name_eng??'.'}}</td>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-left">
                                    @forelse($voucher->journalsGlobal as $jcb)
                                        @if($jcb->cashBank)
                                            <span class="badge">{{$jcb->cashBank->name_eng.' : '.$jcb->amount}}</span><br>
                                        @endif
                                    @empty
                                    @endforelse
                                </td>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-left">{{ $voucher->note}}</td>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-right">{{ number_format($voucher->transaction_amount,2)}}</td>
                                {{-- <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center hidden_content"> --}}
                                    {{-- @if(checkAuthPermission('voucher.voucher_details'))
                                        <a target="_blank" href="{{ route('voucher.voucher_details',['voucher_id'=>$voucher->id]) }}" class="btn btn-sm btn-info">
                                            <span class="fa fa-eye"></span>
                                        </a>
                                    @endif
                                    @if(checkAuthPermission('voucher.voucher_edit') && count($voucher->reffChildVoucher))
                                        <a target="_blank" href="{{ route('voucher.voucher_edit',['voucher_id'=>$voucher->id]) }}" class="btn btn-sm btn-dark">
                                            <span class="fa fa-wrench"></span>
                                        </a>
                                    @endif
                                    @if(checkAuthPermission('voucher.voucher_posting_edit'))
                                        <a target="_blank" href="{{ route('voucher.voucher_posting_edit',['voucher_id'=>$voucher->id]) }}" class="btn btn-sm btn-dark">
                                            <span class="fa fa-wrench"></span>
                                        </a>
                                    @endif
                                    @if(checkAuthPermission('voucher.journal_voucher_update') && ($voucher->reffParentVoucher==null))
                                        <button title="{{$voucher->reffParentVoucher}}" type="button" class="btn btn-sm btn-info" id="edit-{{$voucher->id}}" onclick='loadEditForm({{json_encode("$voucher")}})'>
                                            <span class="fa fa-wrench"></span>
                                        </button>
                                    @endif --}}
                                {{-- </td> --}}
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center hidden_content">
                                    @if($voucher->approved_status==0)
                                    <div class="form-check">
                                        <input class="form-check-input voucher_to_set_preparation" name="voucher_to_set_preparation" type="checkbox" value="{{$voucher->id}}" id="voucher_id_{{$voucher->id}}">
                                        <label class="form-check-label" for="voucher_id_{{$voucher->id}}">
                                        </label>
                                    </div>
                                    @else
                                        <button type="button" class="btn btn-sm btn-success">Approved</button>
                                    @endif
                                </td>
                                
                            @empty
                                
                            @endforelse
                                
                                    
                                    
                        </tbody>
                        <tfoot>
                            <tr>
                                <th colspan="7" class="text-right">{{__('obs.total_transaction_amount')}}</th>
                                <th class="text-right">{{number_format($tAmount,2)}}</th>
                                {{-- <th colspan="2" class="text-right hidden_content"></th> --}}
                                <th></th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
            <div class="col-md-12 text-center">
            
            </div>
        </div>
    </div>
    {{-- </fieldset> --}}
</div>
@endsection
@section('script')
<script>
   $(document).ready(function() {
        $('#data_table_apply').dataTable({
            "paging": false
        });
        // $('#cash_bank_id').select2();
    });
    function approveTransfer(){
        var voucher_ids = [];
        $.each($("input[name='voucher_to_set_preparation']:checked"), function(){
            voucher_ids.push($(this).val());
        });
        if(voucher_ids.length>0){
            console.log(voucher_ids);
            var link="{{route('voucher.transfer_approve')}}";
            let data_param={
                voucher_ids:voucher_ids,
                type:$('#list_type').val(),
                // cash_bank_id:$('#cash_bank_id').val()
            }
            const setCallBackReload = data => {
                Swal.fire('TRANSFER SUCCESSFULLY APPROVED', '', 'success');
                location.reload();
            }
            ajaxCall(link,'GET',data_param, setCallBackReload);
            //url+="?voucher_ids="+voucher_ids.toString();
            // location.href=url;
        }else{
            Swal.fire('Please Select Cash Bank!', '', 'danger');
        }
    }
    function setAllChecked(elementBox){
        if(elementBox.checked) {
            $('.voucher_to_set_preparation').prop("checked", true);
        }else{
            $('.voucher_to_set_preparation').prop("checked", false);
        }
    }

</script>
@stop