@extends('AdminLte.template')

<!--Title-->
@section('title')
{{__('Pharmacy Outstanding 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>{{__('Pharmacy Outstanding Report')}}</h3>
    {{ Form::open(['action' => 'RegisterReportController@outStandingReport','autocomplete' => 'off','id' => 'patientdata']) }}
    <br/>
    <div class="col-md-12 txtCenter">
        <label class="inputType">{{__('As On Date')}} : </label> 
        <input name="toDate" id="toDate" value="{{date('Y-m-d')}}" class="inputType borderNone borderBottom blue noPadding" type="date" required>
    </div>
    <br/><br/>
    <div class="col-md-12 txtCenter">
        <label class="inputType">{{__('Report For')}} : </label> 
        <select name="reportFor" id="reportFor" class="inputType borderNone borderBottom blue noPadding">
            <option value="U">{{__('Unsettled Bill / Receipt')}}</option>
            <option value="A">{{__('All Bill / Receipt')}}</option>
        </select>
        &nbsp;
        <label class="inputType fromDateDiv">{{__('From')}} : </label> 
        <input name="fromDate" id="fromDate" class="inputType borderNone borderBottom blue noPadding fromDateDiv" type="date" required>
    </div>
    <br/><br/>
    <div class="col-md-12 txtCenter">
        <label class="inputType" for="patientRateCard">{{__('Patient Category')}} :</label>
        <select name="rateCard[]" id="patientRateCard" class="multiselect inputType borderNone borderBottom blue noPadding" multiple="multiple">
            @foreach($category as $rateRow)
            <option value="{{ $rateRow->id }}">{{ $rateRow->rate_type . ' - ' . $rateRow->rate_card }}</option>
            @endforeach
        </select>
    </div>
    <br/><br/>
    <div class="col-md-12 txtCenter">
        <label class="inputType">{{__('Report Type')}} : </label> 
        <select name="reportType" id="reportType" class="inputType borderNone borderBottom blue noPadding">
            <option value="S">{{__('Summary')}}</option>
            <option value="D">{{__('Detail')}}</option>
        </select>
    </div>
    <br/><br/>
    <button name="Submit" value="excel" id="btnExcel" class="btn btn btn-info btn-sm" accesskey="x" data-btntype="X"><u>(x)</u>&nbsp;{{__('Download Excel')}}</button>
    <button name="Submit" value="form_submit" id="btnSubmit" class="btn btn-success btn-sm">{{__('Submit')}}</button>
    {{ Form::close() }}
</div>

@if(session()->has('errorMessage'))
<div class="col-md-6 col-md-offset-3" style="margin-top:15px;">
    <div class="alert alert-danger alert-dismissible fade in">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
        {{ (session()->get('errorMessage'))}}
    </div>
</div>
@endif
@endsection

<!--Bootstrap Modals-->      
@section('BootstrapModals')
@endsection
<!--Bootstrap Modals Close-->

@section('ExternalJs')
<script src="{{ asset ("/js/outstanding_report.js?$releaseVersion") }}"></script>
<script src="{{ asset('/bower/bootstrap-multiselect/bootstrap-multiselect.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#patientRateCard').multiselect({
            enableFiltering: true,
            enableCaseInsensitiveFiltering: true,
            includeSelectAllOption: true,
            maxHeight: 400,
            buttonWidth: '260px',
            nonSelectedText: "{{ __('All Patient Category') }}",
            numberDisplayed: 1
        });
    });
</script>
@endsection