@extends('app')
@section('content')

    <section class="content-header">
        <h1>
            Due Pescription Fee
        </h1>

        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">HR</a></li>
            <li><a href="#">Prescription</a> </li>
            <li class="active">Sale</li>
        </ol>
    </section>

    <section class="content">
        <div class="box box-default">
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="col-md-6">
                            <div class="box box-default">
                                <div class="box-body">
                                    <form name="form-sale" class="form-horizontal"
                                          action="{{route('diagnostic.dueprescriptionFee.post')}}" method="get">
                                        <table class="table table-hover table-bordered" style="background-color: #EEE;">
                                            <tbody>
                                            <input type="hidden" id="prescriptionfee" name="prescriptionfee" value="{{ $due }}">
                                            <input type="hidden" id="doctorUserId" value="{{ $doctorInfo->user_id }}" name="doctorUserId">
                                            <input type="hidden" id="patientUserId" value="{{ $patientInfo->user_id }}" name="patientUserId">
                                            <input type="hidden" id="doctorAppointmentId" value="{{ $DoctorAppointment }}" name="doctorAppointmentId">
                                            <input type="hidden" id="scheduleDate" value="{{ $schedule_date }}" name="scheduleDate">
                                            <input type="hidden" id="invoiceId" value="{{ $invoiceId }}" name="invoiceId">

                                            <tr>
                                                <td><span style="font-size: 16px;"> Branch </span></td>
                                                <td>
                                                    <div class="input-group col-md-10 col-md-offset-1">
                                                        <span style="font-size: 16px;"> Main Branch </span>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span style="font-size: 20px; color: #046f3e;">
                                                        Patient:
                                                    </span>
                                                </td>
                                                <td style="text-align: center;">
                                                    <div class="input-group col-md-10 col-md-offset-1">
                                                        <input type="text" id="searchPatient" name="patient_name"
                                                               class="form-control" readonly
                                                               value="{{ $patientInfo->full_name }}">
                                                    </div>

                                                    <div class="input-group col-md-10 col-md-offset-1">
                                                        <input type="text" name="user_phone" readonly
                                                               class="form-control" value="{{ $patientInfo->mobile_no }}">
                                                    </div>

                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span style="font-size: 20px; color: #046f3e;">
                                                        Doctor:
                                                    </span>
                                                </td>
                                                <td style="text-align: center;">
                                                    <div class="input-group col-md-10 col-md-offset-1">
                                                        <input type="text" id="searchPatient" name="doctor_name"
                                                               class="form-control" readonly
                                                               value="{{ $doctorInfo->full_name }}">
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td><span style="font-size: 16px;"> Date </span></td>
                                                <td>
                                                    <div class="input-group col-md-10 col-md-offset-1">
                                                        {{csrf_field()}}
                                                        <input type="text" class="form-control pull-right"
                                                               name="invoice_date" id="datepicker"
                                                               value="{{date('Y-m-d')}}">
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><span style="font-size: 16px;"> Payment Type </span></td>
                                                <td>
                                                    <div class="input-group col-md-10 col-md-offset-1">
                                                        <select name="payment_type" class="form-control select2">
                                                            <option disabled="" selected="">
                                                                Please Select an option
                                                            </option>
                                                            <option value="1"> Cash</option>
                                                            <option value="2"> Debit Card</option>
                                                            <option value="3"> Credit Card</option>
                                                        </select>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="col-md-4"><span
                                                        style="font-size: 16px;"> Prescription Fee</span></td>
                                                <td>
                                                    <div id="invoice-total"
                                                         class="input-group col-md-11 col-md-offset-1" value="{{ $due }}">
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><span style="font-size: 16px;"> Pay Note</span></td>
                                                <td>
                                                    <div class="input-group col-md-11 col-md-offset-1">
                                                        <input id="pay-note" type="number" class="form-control"
                                                               name="pay_note" value="">
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><span style="font-size: 16px;"> Return </span></td>
                                                <td>
                                                    <div class="input-group col-md-11 col-md-offset-1">
                                                        <span id="return" style="font-size: 16px;"> 0.00 </span>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2">
                                                    <div class="input-group col-md-11 col-md-offset-1">

                                                        <button type="submit" class="btn btn-success btn-sm"> Complete
                                                            Sale
                                                        </button>
                                                        &nbsp;
                                                        <button type="reset" class="btn btn-warning btn-sm"> Reset
                                                            Form
                                                        </button>
                                                    </div>
                                                </td>
                                            </tr>

                                            </tbody>
                                        </table>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('extra-js')
    <script src="{{URL::to('assets/plugins/typeahead.bundle.js')}}"></script>
@endsection
@section('script')
    <script type="text/javascript">

        $(document).ready(function () {

            var total = totalAmountCalculate();
            $("#invoice-total").html(total.toFixed(2));
            $("#pay-note").val((total).toFixed(2));
        });

        var baseUrl = '