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

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Due Sale Service
        </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="#">Due</a></li>
            <li class="active">Sale</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-info">
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">
                        <form name="form-sale" class="form-horizontal"
                              action="{{route('diagnostic.completeDueDiagnosticSale.post')}}" method="post">
                            @csrf
                            <table class="table table-bordered">
                                <tbody>
                                <input type="hidden" id="due-amount" value="{{ $due_amount }}">
                                <input type="hidden" id="invoiceId" value="{{ $invoice_id }}" name="invoiceId">
                                <input type="hidden" id="userId" value="{{ $user_id }}" name="user_id">
                                <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="{{ $user->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="{{ $user->mobile_no }}">
                                        </div>
                                        <div class="input-group col-md-10 col-md-offset-1">
                                            <div class="radio col-md-4">
                                                <label data-original-title="" title="">
                                                    <input type="radio" name="gender"
                                                           checked="">
                                                    {{ $user->gender == 1 ? 'Male' : "Femail" }}
                                                </label>
                                            </div>
                                        </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">
                                            <input type="text" name="invoice_date"
                                                   class="form-control pull-right 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 value="1" selected> 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;"> Total Due(invoice total) </span></td>
                                    <td>
                                        <div id="invoice-total"
                                             class="input-group col-md-11 col-md-offset-1">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td><span style="font-size: 16px;"> Discount </span></td>
                                    <td>

                                        <div class="input-group col-md-11 col-md-offset-1">

                                            <input type="number" id="invoice-discount-percent"
                                                   class="form-control col-md-3"
                                                   name="discount_percent" value="0.00">
                                            <span class="input-group-addon"><b>%</b></span>

                                            <input id="invoice-discount-taka" type="text"
                                                   class="form-control col-md-3"
                                                   name="discount_taka" value="0">
                                        </div>

                                    </td>
                                </tr>
                                <tr>
                                    <td><span style="font-size: 16px;"> Pay(invoice-pay) </span></td>
                                    <td>
                                        <div class="input-group col-md-11 col-md-offset-1">
                                            <input id="invoice-pay" type="number" class="form-control"
                                                   name="pay" readonly="" value="{{ $due_amount }}">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td><span style="font-size: 16px;"> Pay Note(pay-note) </span></td>
                                    <td>
                                        <div class="input-group col-md-11 col-md-offset-1">
                                            <input id="pay-note" type="text" class="form-control"
                                                   name="pay_note" value="{{ $due_amount }}">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td><span style="font-size: 16px;"> Due </span></td>
                                    <td>
                                        <div class="input-group col-md-11 col-md-offset-1">
                                            <span id="due" style="font-size: 16px;" value=""> </span>
                                        </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 pull-right"> Complete
                                                Sale
                                            </button>
{{--                                            &nbsp;--}}
{{--                                            <button type="reset" class="btn btn-warning btn-sm pull-right"> Reset--}}
{{--                                                Form--}}
{{--                                            </button>--}}
                                        </div>
                                    </td>
                                </tr>

                                </tbody>
                            </table>
                        </form>
                    </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 discountPercent = parseFloat($("#invoice-discount-percent").val());
            var total = totalAmountCalculate();
            $("#invoice-total").html(total.toFixed(2));
            var discountPercentTaka = ((total * discountPercent) / 100);
            $("#invoice-pay").val((total - discountPercentTaka).toFixed(2));
            $("#pay-note").val((total - discountPercentTaka).toFixed(2));
            $("#invoice-discount-taka").val(discountPercentTaka.toFixed(2));

            $('.datepicker').datepicker({
                autoclose: true,
                format: "yyyy-mm-dd"
            });

        });

        $('.sale_type').on('change', function () {
            $('.search-field').val('').focus();
        });


        var baseUrl = '