@extends('admin.layout.master')
@section('title','DEALER BALANCE STATEMENT')
@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 {
           padding: 5px !important;
        }
.card-body{
    padding:.25rem !important;
}
</style> 
@endsection
@section ('content')
<div class="card sina-card">
    @include('admin.layout.title_header', ['title'=>'TRIAL BALANCE STATEMENT'])
   
    <div class="card-body" style="padding-bottom:0">
        <form action="{{route('reports.dealer_balance')}}" method="get">
            <div class="row mb-0 mt-0 pt-2">
                <div class="col-md-3 col-sm-6 col-12 d-flex flex-wrap mb-1">
                    <label for="pay_type w-100">Region</label>
                    <select name="shop_id" id="shop_id" style="min-width: 100%;" onchange="setGroup()">
                        <option value="0">{{ 'ALL' }}</option>
                        @forelse ($shopsList as $shop_d)
                            <option value="{{$shop_d->id}}" @if(Request()->shop_id && Request()->shop_id==$shop_d->id) selected @endif>{{ $shop_d->name }}</option>
                        @empty
                        @endforelse
                    </select>
                </div>
                <div class="col-md-3 col-sm-6 col-12 d-flex flex-wrap mb-1">
                    <label for="cost_id">GROUPS</label>
                    <select name="group_ids" style="width:100%" id="group_ids" required>
                        <option value="0">{{ 'All Group' }}</option>
                        @forelse ($groups as $g_ledger)   
                            <option value="{{$g_ledger->id}}">{{ $g_ledger->name_eng.' - '.$g_ledger->code}}</option>
                        @empty
                            
                        @endforelse
                    </select>
                </div>
                <div class="col-md-6 col-12 d-flex flex-wrap mb-1">
                    <label for="cost_id">Date Range</label>
                    <div class="input-group">
                        <input type="date" class="form-control" name="start_date" id="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;">{{__('obs.date_to')}}</span>
                        <input type="date" class="form-control" name="end_date" id="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="button" onclick="getReport()" 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 class="row">
            <div class="col-md-12" id="report_html">          
            </div>
        </div>
    </div>
</div>
@include('admin.global.loader')    

@endsection
@section('script')
<script>
    
    $('#cost_center_id').select2();
    $('#ledger_id').select2();
    $('#group_ids').select2();
    $('#shop_id').select2();

const setGroup=()=>{
    let shop_id=$('#shop_id').val();
    let dataStr='<option value="0">Not Found</option>';
    if(shop_id!=0){
        let link= "{{route('marketing.sr_list')}}";
        let data_param={
            shop_id:shop_id,
            status:1,
            type:1,
        }
        const setGroupData = data => { 
            if(data.length){
                dataStr='<option value="0">SELECT GROUP</option>';
                for (let i = 0; i < data.length; i++) {
                    dataStr+='<option value="'+data[i].id+'">'+data[i].name_eng+'</option>';
                }
            }
            $('#group_ids').html(dataStr);
        }
        ajaxCall(link,'GET',data_param, setGroupData);
    }else{
        $('#group_ids').html(dataStr);
    }
}
const getReport=()=>{
    let link="{{route('reports.dealer_balance_api')}}";
    let data_param={
        shop_id:$('#shop_id').val(),
        group_ids:$('#group_ids').val(),
        start_date:$('#start_date').val(),
        end_date:$('#end_date').val()
    }
    const setReportHtml = data => { 
        $('#report_html').html(data);
        makeZeroToBlank('text-right','text-center');
        $('#loader').hide();
    }
    ajaxCall(link,'GET',data_param, setReportHtml);
}

</script>
@stop