@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-default">
            <!-- /.box-header -->
            <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.completeDueCabinWardSale.post')}}" method="post">
                                          @csrf
                                        <table class="table table-hover table-bordered" style="background-color: #EEE;">
                                            <tbody>
                                            <input type="hidden" id="due-amount" value="{{ $due->due_amount }}">
                                            <input type="hidden" id="invoiceId" value="{{ $due->invoice_id }}" name="invoiceId">
                                            <input type="hidden" id="userId" value="{{ $user->user_id }}" name="user_id">

                                            @foreach ($diagnostic_test_ids as $item)
                                              <input type="hidden" id="diagnostic_test_ids" value="{{ $item }}" name="diagnostic_test_ids[]">
                                            @endforeach


                                            <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="{{ $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">
                                                        {{csrf_field()}}
                                                        <input type="text" class="form-control pull-right datepicker"
                                                               name="invoice_date"
                                                               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;"> 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-6 col-md-offset-1"
                                                               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->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->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"> 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 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 = '