@extends('admin.layout.master')
@section('title','CUSTOM CHEQUE PRINT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 28px !important;
    }
    .table th, .table td {
            padding: 0px 5px;
            color: black;
        }
        .table th {
           background: #002952;
           /* background: var(--tableHeader); */
           padding: 5px !important;
           color: white !important;
        }
        .table td {
           background: white;
        }
        .table-bordered th, .table-bordered td {
            border: 1px solid #c1c1c1 !important;
        }
        .special-cell{
            background: #bfbfbf;
            padding: 5px !important;
            color: black !important;
        }
</style>
<style>
    table {

        width:100%
    }
    table, td, th {
        border: 1px solid gray;
        border-collapse:initial;
        border-spacing: 0;
        padding: 2px 4px;
    }
    td {
        vertical-align: top;
    }
    /* th:first-child, */
    td:first-child  {
        /* position: sticky;
        left: 0px;
        z-index: 5000; */
        background: #fff;
        /* color: #000 !important; */
    }
    /* th:nth-child(2), */
    td:nth-child(2)  {
        /* position: sticky;
        left: 10px;
        z-index: 5000; */
        background: #fff;
    }
    /* th:nth-child(2){
        color:#000 !important;
    } */
    .spliter{
        display: flex;
        justify-content: space-between;
    }
    @media print {
    thead { display: table-header-group; }

    .table th {
        background: #fff;
        color: #000 !important;
        }
    }
</style>

@endsection
@section ('content')
<div class="card sina-card">
    <div class="card-header card-header-s d-flex flex-wrap align-items-center">
        <h4 class="col-md-6 mb-md-0 text-md-left col-12  mb-4 text-center">{{__('obs.custom_cheque_print')}}</h4>
        <div class="col-md-6 col-12 d-flex justify-content-md-end justify-content-center">
            <button id="myButtonControlID" class="btn-sina-title-add d-flex align-items-center" type="button" name="button">
                <div class=""> {{__('obs.excel')}} </div>
                <div class="col pl-2 pr-0">
                    <i class="fa fa-download"></i>
                </div>
            </button>
            &nbsp;
            <button class="btn-sina-title-add d-flex align-items-center" type="button" name="button" onclick="PrintDiv()">
                <div class=""> {{__('obs.print')}} </div>
                <div class="col pl-2 pr-0">
                    <i class="fa fa-print"></i>
                </div>
            </button>
        </div>
    </div>
    <div class="card-body">
        <div class="card-body" style="padding-bottom:0">
            <form action="{{route('cheque.custom_print')}}" method="get" target="_blank">
                <div class="">
                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                            <div class="form-group">
                                <label for="">{{__('obs.name')}}</label>
                               <input type="text" name="name" id="" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                            <div class="form-group">
                                <label for="">{{__('obs.amount')}}</label>
                               <input type="number" step=".01" min="1" name="amount" id="" class="form-control" required>
                            </div>
                        </div>

                        <div class="col-lg-3 col-md-3 col-sm-6 col-12">
                            <div class="form-group">
                                <label for="">{{__('obs.date')}}</label>
                                <div class="input-group-append">
                                    <input type="date" class="form-control bsdatepicker" id="date" name="date"
                                     {{-- value="{{Request()->date?date('Y-m-d',strtotime(Request()->date)):date('Y-m-d')}}" --}}
                                     >
                                    <div id="button_home" class="d-flex">
                                        <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>
                        </div>
                    </div>{{-- row --}}
                </div>
            </form>
        </div>
            <div class="table-responsive" id="divTableDataHolder">
                <div class="table-responsive" id="reportTableDataHolder">
                
                </div>
            </div>
            @include('admin.global.loader')

            <hr>

            <div class="row pb-0  modal-footer">
            </div>
    </div>
</div>
@endsection
@section('script')

@stop