@extends('admin.layout.master')
@section('title',strtoupper(str_replace('_',' ',$title)))
@section('custom_style')
<style>
input[type=text],input[type=file], input[type=number] {
    height: 35px !important;
}
</style> 
@endsection
@section ('content')
<div class="card sina-card">

    @include('admin.layout.title_header', ['title'=>strtoupper(str_replace('_',' ',$title))])
    <div class="card-body" style="padding-bottom:0">
        <form action="{{route($route)}}" method="get">
            <div class="row pb-3">
                <div class="col-3 ml-auto">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" name="show_detals" id="show_detals" onclick="toggleDetails(this)">
                        <label class="form-check-label" for="show_detals">Show Details
                        </label>
                    </div>
                </div>
                <div class="col-2 ml-auto">
                    <label for="pay_type">C CENTER</label>
                    <select name="cost_center_id" id="cost_center_id" style="min-width: 100%">
                        <option value="0">{{ 'ALL' }}</option>
                        @forelse ($cost_centers as $cost_center)
                        <option value="{{$cost_center->id}}">{{ $cost_center->name }}</option>
                        @empty
                        @endforelse
                    </select>
                </div>
                <div class="col-5 ml-auto">
                    <label for="status">Date</label>
                    <div class="input-group-append">
                        <input type="date" class="form-control bsdatepicker" id="date_from" 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: 28px; margin-left: -2px; margin-right: -2px">To</label>
                        <input type="date" class="form-control bsdatepicker" id="date_to" name="end_date" value="{{Request()->end_date?date('Y-m-d',strtotime(Request()->end_date)):date('Y-m-d')}}"> 
                        <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-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                    <div class="col-5 px-0">
                        <input type="date" class="form-control" name="start_date">
                    </div>
                    <div class="col-2 px-0 text-center">
                        <label for="cost_id">TO</label>
                    </div>
                    <div class="col-5 px-0">
                        <input type="date" class="form-control" name="end_date">
                    </div>
                </div>
                <div class="col-md-2 col-12 d-flex flex-wrap pr-0 mb-1">
                    <div class="col-12 px-0">
                        <div class="input-group">
                            <span class="input-group-text">Search</span>
                            <div class="input-group-append">
                                <button type="submit" class="btn btn-danger">
                                    <span class="fa fa-search"></span>
                                </button>
                            </div>

                        </div>
                    </div>
                </div> --}}

    </div>
    </form>
</div>

<div class="card-body" style="padding-top:2px">
    <div class="row">
        <div class="col-md-12">

            <div class="card-box">
                <div class="card-body" style="border: black solid 1px;" id="divTableDataHolder">
                    <div class="row">

                        <div class="col-sm-12">
                            <table style="border:black solid 2px;width:50%">
                                <tbody>
                                    <tr style="border:1px solid;">
                                        <td rowspan="2" class="text-center" style="border:1px solid;width:35%">
                                            <strong>PARTICULARS</strong>
                                        </td>
                                        <td class="text-center" style="border:1px solid;" colspan="4">
                                            <strong>{{Request()->start_date?date('Y-m-d',strtotime(Request()->start_date)):date('Y-m-d')}}</strong></td>
                                        {{-- <td class="text-center" style="border:1px solid;" colspan="3"> <strong>
                                            {{Request()->end_date?date('Y-m-d',strtotime(Request()->end_date)):date('Y-m-d')}}</strong></td> --}}
                                    </tr>
                                    <tr>
                                        <td class="text-center" style="border:1px solid;">
                                            <strong>NOTE</strong>
                                        </td>
                                        <td class="text-right" style="border:1px solid;width:110px;">
                                            <div class="col-sm-12">
                                                <strong>TAKA</strong>
                                            </div>
                                        </td>

                                        <td class="text-right" style="border:1px solid;width:50px;">
                                            <div class="col-sm-12"><strong>%</strong></div>
                                        </td>
                                        <td style="border:1px solid;width:50px;"></td>
                                        {{-- <td class="text-center" style="border:1px solid;">
                                            <strong>NOTE</strong>
                                        </td>
                                        <td class="text-right" style="border:1px solid;width:110px;">
                                            <div class="col-sm-12">
                                                <strong>TAKA</strong>
                                            </div>
                                        </td>

                                        <td class="text-right" style="border:1px solid;width:50px;">
                                            <div class="col-sm-12"><strong>%</strong></div>
                                        </td> --}}
                                    </tr>
                                    {!!$str!!}
                                </tbody>
                            </table>



                        </div>

                    </div>
                    </form>

                </div>
            </div>

        </div>
    </div>

</div>
</div>

@endsection
@section('script')
<script>
    
    $('#cost_center_id').select2();
    $('#ledger_id').select2();
function toggleDetails(details){
    if(details.checked){
        $('.list_show').show('slow');
    }else{
        $('.list_show').hide('slow');
    }
}
</script>
@stop