@extends('AdminLte.template')

<!--Title-->
@section('title')
    Receipt Report
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
    @parent
    <link href="{{ asset("/bower/bootstrap-multiselect/bootstrap-multiselect.css")}}" rel="stylesheet" type="text/css" />
@endsection
<!--External CSS Close-->
@section('Content')
    <div class="col-md-12 txtCenter">
        {{-- <h3>Receipt Report</h3>
    {{ Form::open(['action' => 'RegisterReportController@receiptOutput','autocomplete' => 'off','id' => 'receiptdata']) }}
    <br/>
    <div class="col-md-12 txtCenter">
        <label class="inputType">From : </label> 
        <input name="fromDate" id="fromDate" value="{{date('Y-m-d')}}" class="inputType borderNone borderBottom blue noPadding" type="date" required>
        &nbsp;
        <label class="inputType">To : </label> 
        <input name="toDate" id="toDate" value="{{date('Y-m-d')}}" class="inputType borderNone borderBottom blue noPadding" type="date" required>
    </div>
    <br/><br/><br/>
    <button name="Submit"  id="btnSubmit" class="btn btn-success btn-sm">Submit</button> --}}
        <h3>Receipt Report</h3>
        <div class="box-body">
            {{ Form::open(['action' => 'RegisterReportController@receiptOutput', 'autocomplete' => 'off', 'id' => 'receiptdata']) }}
            <br />
            <label>From Date : </label>
            <input name="fromDate" id="fromDate" value="{{date('Y-m-d')}}" class="inputType borderNone borderBottom blue noPadding" type="date" required>
            &nbsp;

            <label>To Date : </label>
            <input name="toDate" id="toDate" value="{{date('Y-m-d')}}" class="inputType borderNone borderBottom blue noPadding" type="date" required>
            <br />
            <br />

            <label>Payment Mode :</label>
            <select name="ptype[]" class="multiselect inputType borderNone borderBottom blue noPadding" id="paymentModeSelect" multiple="multiple" style="width: 60%">
                {{-- <option value="All">All</option> --}}
                @foreach ($payment_mode_type as $pmt)
                    <option value="{{$pmt->gm_code}}">{{$pmt->gm_description}}</option>
                @endforeach
            </select>
            &nbsp;&nbsp;

            <label>Receipt Type :</label>
            <select name="receipt_type[]" class="multiselect inputType borderNone borderBottom blue noPadding" id="Receipt_Type" multiple="multiple">
                <option value="A">Advance Credit</option>
                <option value="AA">Advance Adjusted</option>
                <option value="B">Bill</option>
                <option value="R">Refund</option>
                <option value="I">Internal</option>
            </select>
            &nbsp;&nbsp;

            <label>Report Type :</label>
            <select name="report_type" style="background-color: #f4f4f4; color:#444;border: 1px solid transparent; border-radius: 3px;border-color: #ddd;padding: 6px 12px;">
                <option value="B">Both</option>
                <option value="D">Detail</option>
                <option value="S">Summary</option>
            </select>

            <br />
            <br />

            <label> Patient: </label>
            <input type="text" size="30" name="patientName" id="patientName" class="input inputType borderNone borderBottom blue noPadding">
            <input type="hidden" name="patientId" id="patientId">
            <br /><br />

            <label>Patient Category :</label>
            <select name="rateType" id="rateType" style="background-color: #f4f4f4; color:#444;border: 1px solid transparent; border-radius: 3px;border-color: #ddd;padding: 6px 12px;">
                <option value="All">All</option>
                @foreach ($rateTypeData as $rateType)
                    <option value="{{$rateType->id}}">{{$rateType->rate_type}}</option>
                @endforeach
            </select>&nbsp;&nbsp;

            <select name="rateCard" id="rateCard" style="background-color: #f4f4f4; color:#444;border: 1px solid transparent; border-radius: 3px;border-color: #ddd;padding: 6px 12px;">
                <option value="All">All</option>
            </select>
            <br /><br />

            <label> User: </label>
            <input type="text" size="32" name="userName" id="userName" class="input inputType borderNone borderBottom blue noPadding">
            <input type="hidden" name="userId" id="userId">
            <br /><br />

            <button name="Submit" id="btnSubmit" class="btn btn-success btn-sm">Submit</button>
            </center>
            {{ Form::close() }}
        </div>
    </div>
@endsection
<!--Bootstrap Modals-->
@section('BootstrapModals')
@endsection
<!--Bootstrap Modals Close-->

<!--External JS-->
@section('ExternalJs')
    <script src="{{ asset("/js/patient_search.js?$releaseVersion") }}"></script>
    <script src="{{ asset("/bower/bootstrap-multiselect/bootstrap-multiselect.js")}}"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#paymentModeSelect').multiselect({
                nonSelectedText: ' All Payment '
            });

            $('#Receipt_Type').multiselect({
                nonSelectedText: ' All '
            });
        });
    </script>
@endsection
<!--External JS Close-->