@extends('admin.layout.master')
@section('title','Ledger Transfer')
@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;
}

.table th, .table td {
            padding: 0px 5px;
            color: black;
        }
    .table th {
           background: #ab3535;
           padding: 5px !important;
           color: white !important;
        }
.card-body{
    padding:.25rem !important;
}
</style> 
@endsection
@section ('content')
@section ('content')
<div class="card sina-card">
    @include('admin.layout.title_header', ['title'=>'LEDGER REPORT'])
    
    <div class="card-body" style="padding-bottom:0">
        <form action="{{route('reports.ledger_transfer')}}" method="get">
        {{-- <form action="{{route(Request::route()->getName())}}" method="get"> --}}
            <div class="row mb-0 mt-0 pt-2"  style="border:dashed 1px green">
                    <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                        <label for="cost_id">FROM LEDGER</label>
                        <select name="ledger_id" style="width:100%" id="ledger_id" required>

                            @if(Request()->ledger_id)
                                <option value="{{Request()->ledger_id}}">{{ $ledger->name.' - '.$ledger->auto_code}}</option>
                            @endif
                            
                        </select>
                    </div>
                    <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                        <label for="cost_id">TO LEDGER</label>
                        <select name="ledger_id_to" style="width:100%" id="ledger_id_to" required>

                            @if(Request()->ledger_id_to)
                                <option value="{{Request()->ledger_id_to}}">{{ $ledger_id_to_obj->name.' - '.$ledger_id_to_obj->auto_code}}</option>
                            @endif
                            
                        </select>
                    </div>
                    <div class="col-md-6 col-12 d-flex flex-wrap pr-0 mb-1">
                    <label for="cost_id">Date Range</label>
                        <div class="input-group">
                            <input type="date" class="form-control" name="start_date" value="{{Request()->start_date?date('Y-m-d',strtotime(Request()->start_date)):date('Y-m-d')}}">
                            <span class="input-group-text" style="max-height: 30px;">TO</span>
                            <input type="date" class="form-control" name="end_date" value="{{Request()->end_date?date('Y-m-d',strtotime(Request()->end_date)):date('Y-m-d')}}">
                            <div class="input-group-append">
                                <button type="submit" style="max-height: 30px;" class="btn btn-sm btn-danger">
                                <span class="fa fa-search"></span>
                                </button>
                            </div>
                        </div>
                </div>
                
            </div>
        </form>
    </div>
    <div class="card-body"  style="padding-top:2px" id="divTableDataHolder">
        
    </div>
</div>
@endsection
@section('script')
<script>
    $('#ledger_id').select2({ 
        minimumInputLength: 3,
        // tags: [],
        ajax: {
            url: "{{route('accounts_settings.ledger_search')}}",
            dataType: 'json',
            type: "GET",
            quietMillis: 50,
            data: function (term) {
                // row_id= $(term.element).attr('data-row_id');
                // var group_code=$('#group_row-'+100).val();
                return {
                    _token: $("input[name='_token']").val(),
                    marketing_admin: $("#marketing_admin").val(),
                    search_type: 2,
                    group_code:null,
                    name: term
                };
            },
            processResults: function (data) {
                return {
                    results: $.map(data, function (item) {
                        return {
                            text: item.auto_code + ' -- ' + item.name,
                            id: item.id
                        }
                    })
                };
            }
        }                                                   
    });
    $('#ledger_id_to').select2({ 
        minimumInputLength: 3,
        // tags: [],
        ajax: {
            url: "{{route('accounts_settings.ledger_search')}}",
            dataType: 'json',
            type: "GET",
            quietMillis: 50,
            data: function (term) {
                // row_id= $(term.element).attr('data-row_id');
                // var group_code=$('#group_row-'+100).val();
                return {
                    _token: $("input[name='_token']").val(),
                    marketing_admin: $("#marketing_admin").val(),
                    search_type: 2,
                    group_code:null,
                    name: term
                };
            },
            processResults: function (data) {
                return {
                    results: $.map(data, function (item) {
                        return {
                            text: item.auto_code + ' -- ' + item.name,
                            id: item.id
                        }
                    })
                };
            }
        }                                                   
    });
    
</script>
@stop