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

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Sale Service
            <a href="{{url('diagnostic/empty-sale-cart')}}" class="btn btn-danger"> Empty Cart</a>
        </h1>

        <ol class="breadcrumb">
            <li><a href="{{url('/')}}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Diagnostic</a></li>
            <li class="active">Add Sale</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">

        <div class="row">
            <!-- SELECT2 EXAMPLE -->
            <form name="form-sale" id="myForm" class="form-horizontal"
                  action="{{route('diagnostic.completeDiagnosticSale.post')}}"
                  method="post">
                <div class="col-md-7">
                    <div class="box box-info">
                        <!-- /.box-header -->
                        <div class="box-body">
                            <table class="table table-striped table-bordered table-hover">
                                <thead>
                                <tr>
                                    {{-- <th>SL</th> --}}
                                    <th>Service Name</th>
                                    <th>Delivery Date</th>
                                    <th>Qty</th>
                                    <th>Sale Price</th>
                                    <th>Disc (%)</th>
                                    <th>Total</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody id="service_content">
                                @if(Session::has('saleItems'))
                                    @foreach(Session::get('saleItems') as $mainKey => $saleItems)
                                        @foreach($saleItems as $packageKey => $packageItems)
                                            <div class="">
                                                @if($packageKey != 'No-Package')
                                                    <tr id=""
                                                        style="color: #0d5279; font-size: 18px; font-weight: bold;"
                                                        class="Package-{{explode('-',$packageKey)[0]}}">
                                                        <td colspan="6">
                                                            {{$packageKey}}
                                                        </td>
                                                        <td width="8%">
                                                            <a href="javascript:;"
                                                               class="btn btn-danger btn-remove-row"
                                                               data-id="{{explode('-',$packageKey)[0]}}"
                                                               data-type="Package">
                                                                <i class="fa fa-minus"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endif
                                                @foreach($packageItems as $groupKey => $groupItems)

                                                    @if($groupKey == 'No-Group')
                                                        @foreach($groupItems as $k => $groupItem)
                                                            <tr @if($packageKey == 'No-Package') class="Service-{{$groupItem['diagnostic_test_id']}}"
                                                                @elseif($groupKey == 'No-Group') class="Package-{{explode('-',$packageKey)[0]}}"
                                                                @else id="tr-{{$groupItem['diagnostic_test_id']}}" @endif>
                                                                {{-- <td width="3%">1</td> --}}
                                                                <td width="36%">
                                                                    {{$groupItem['diagnostic_test_name']}}
                                                                    <div class="help-block with-errors"></div>
                                                                </td>
                                                                <td width="10%">
                                                                    <div class="input-group col-md-12">
                                                                        <input type="text"
                                                                               id="quantity-{{$groupItem['diagnostic_test_id']}}"
                                                                               name="quantity"
                                                                               value="{{$groupItem['quantity']}}"
                                                                               class="form-control" readonly="">
                                                                        <span> </span>
                                                                    </div>
                                                                </td>
                                                                <td width="12%">
                                                                    <div class="input-group col-md-12">
                                                                        <input type="text"
                                                                               id="salePrice-{{$groupItem['diagnostic_test_id']}}"
                                                                               name="diagnostic_test_sale_price[]"
                                                                               value="{{$groupItem['diagnostic_test_sale_price']}}"
                                                                               class="form-control" readonly="">
                                                                    </div>
                                                                </td>
                                                                <td width="10%">
                                                                    <div class="input-group col-md-10">
                                                                        <input type="number"
                                                                               id="discount-{{$groupItem['diagnostic_test_id']}}"
                                                                               name="discount_{{$groupItem['diagnostic_test_id']}}"
                                                                               value="{{$groupItem['discount']}}"
                                                                               class="form-control">
                                                                    </div>
                                                                </td>
                                                                <td width="17%">
                                                                    <div class="input-group col-md-10">
                                                                        <input type="text"
                                                                               id="total-{{$groupItem['diagnostic_test_id']}}"
                                                                               name="total"
                                                                               value="{{$groupItem['total']}}"
                                                                               class="form-control" readonly="">
                                                                    </div>
                                                                </td>
                                                                <td width="8%">
                                                                    @if($packageKey == 'No-Package' && $groupKey == 'No-Group')
                                                                        <a href="javascript:;"
                                                                           class="btn btn-danger btn-remove-row"
                                                                           data-id="{{$groupItem['diagnostic_test_id']}}"
                                                                           data-type="Service">
                                                                            <i class="fa fa-minus"></i>
                                                                        </a>
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    @else
                                                        <tr @if($packageKey == 'No-Package') class="Group-{{explode('-',$groupKey)[0]}}"
                                                            @else class="Package-{{explode('-',$packageKey)[0]}}"
                                                            @endif style="color: #0d5279; font-size: 15px; font-weight: bold;">
                                                            <td colspan="6"> {{$groupKey}}</td>
                                                            <td width="8%">
                                                                @if($packageKey == 'No-Package')
                                                                    <a href="javascript:;"
                                                                       class="btn btn-danger btn-remove-row"
                                                                       data-id="{{explode('-',$groupKey)[0]}}"
                                                                       data-type="Group">
                                                                        <i class="fa fa-minus"></i>
                                                                    </a>
                                                                @endif
                                                            </td>
                                                        </tr>
                                                        @foreach($groupItems as $serviceKey => $saleItem)
                                                            <tr @if($packageKey == 'No-Package') class="Group-{{explode('-',$groupKey)[0]}}"
                                                                @else class="Package-{{explode('-',$packageKey)[0]}}" @endif>
                                                                <td width="3%">1</td>
                                                                <td width="36%">
                                                                    {{$saleItem['diagnostic_test_name']}}
                                                                    <div class="help-block with-errors"></div>
                                                                </td>
                                                                <td width="10%">
                                                                    <div class="input-group col-md-12">
                                                                        <input type="text"
                                                                               id="quantity-{{$saleItem['diagnostic_test_id']}}"
                                                                               name="quantity"
                                                                               value="{{$saleItem['quantity']}}"
                                                                               class="form-control">
                                                                        <span> </span>
                                                                    </div>
                                                                </td>
                                                                <td width="12%">
                                                                    <div class="input-group col-md-12">
                                                                        <input type="text"
                                                                               id="total-{{$saleItem['diagnostic_test_id']}}"
                                                                               name="total"
                                                                               value="{{$saleItem['total']}}"
                                                                               class="form-control" readonly="">
                                                                    </div>
                                                                </td>
                                                                <td width="10%">
                                                                    <div class="input-group col-md-10">
                                                                        <input type="number"
                                                                               id="discount-{{$saleItem['diagnostic_test_id']}}"
                                                                               name="discount_{{$saleItem['diagnostic_test_id']}}"
                                                                               value="{{$saleItem['discount']}}"
                                                                               class="form-control">
                                                                    </div>
                                                                </td>
                                                                <td width="17%">
                                                                    <div class="input-group col-md-10">

                                                                        <input type="text"
                                                                               id="salePrice-{{$saleItem['diagnostic_test_id']}}"
                                                                               name="diagnostic_test_sale_price[]"
                                                                               value="{{$saleItem['diagnostic_test_sale_price']}}"
                                                                               class="form-control" readonly="">
                                                                    </div>
                                                                </td>
                                                                <td width="8%">

                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    @endif
                                                @endforeach
                                                {{-- <tr @if($packageKey == 'No-Package') class="Group-{{explode('-',$groupKey)[0]}}"
                                                    @else class="Package-{{explode('-',$packageKey)[0]}}"
                                                    @endif style="color: blue;">
                                                    <td colspan="8">
                                                        <hr style="margin-top:2px;margin-bottom:2px; border: 1px solid #4f819d;">
                                                    </td>
                                                </tr> --}}
                                            </div>
                                        @endforeach
                                    @endforeach
                                @endif
                                </tbody>
                            </table>

                            <div class="col-md-12 test-scan">
                                <div class="col-md-3 find-tet-text"> Find Test Name</div>
                                <div class="col-md-3">
                                    <select class="form-control sale_type" id="service_type" name="sale_type"
                                            style="height: 40px;">
                                        <option value=""> Please Select a type</option>
                                        <option value="1"> Accessories</option>
                                        <option value="1" selected> Service Sale</option>
                                        <option value="2"> Group Sale</option>
                                        <option value="3"> Package Sale</option>
                                        @if(env('APP_TYPE', 'diagnostic')=='hospital')
                                            <option value="4"> Cabin Ward Service</option>
                                        @endif
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <select class="form-control search-field select2" id="search" name="q">
                                    </select>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="box box-danger">
                        <!-- /.box-header -->
                        <div class="box-body">
                            @can('sale-service-create')
                                <table class="table table-hover table-bordered"
                                       style="background-color: #EEE;">
                                    <tbody>

                                    <tr>
                                        <td>
                                                    <span style="font-size: 20px; color: #046f3e;">
                                                        Patient: <span class="text-red">*</span>
                                                    </span>
                                            <br><br>
                                            <span>Patient Age</span>
                                        </td>
                                        <td style="text-align: center;">

                                            {{-- @if(!Session::has('patientInfo')) --}}
                                            <div class="input-group col-md-10 col-md-offset-1" id="patient_name_error">
                                                <input type="text" id="searchPatient"
                                                       name="patient_name"
                                                       class="form-control search-field"
                                                       required
                                                       placeholder="Search Patient name/Phone" autocomplete="off">
                                                <input type="hidden" name="user_id" id="user_id">
                                            </div>

                                            <div class="input-group col-md-10 col-md-offset-1" id="patient_age_error">

                                                <input type="text"
                                                       class="form-control col-md-1"
                                                       id="dobyear"
                                                       name="dobyear"/>
                                                <span class="input-group-addon"><b>Y</b></span>

                                                <input type="text"
                                                       class="form-control col-md-1"
                                                       id="dobmonth"
                                                       name="dobmonth"/>
                                                <span class="input-group-addon"><b>M</b></span>

                                                <input type="text"
                                                       class="form-control col-md-1"
                                                       id="dobday"
                                                       name="dobday"/>
                                                <span class="input-group-addon"><b>D</b></span>

                                            </div>
                                            <div class="top5 input-group col-md-10 col-md-offset-1"
                                                 id="user_phone_error">
                                                <input type="text" name="user_phone"
                                                       class="form-control"
                                                       autocomplete="off"
                                                       placeholder="Patient Phone Number" id="user_phone">
                                            </div>
                                            <div class="top5 input-group col-md-10 col-md-offset-1">
                                                {!! Form::select('blood_group',
                                                    bloodGroups()
                                                ,null, ['class'=> 'form-control', 'id'=> 'blood_group','placeholder'=>
                                                'Please Select Blood Group']) !!}

                                            </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" id="genMale"
                                                               value="1" checked
                                                        >
                                                        Male </label>
                                                </div>

                                                <div class="radio col-md-4">
                                                    <label data-original-title="" title="">
                                                        <input type="radio" name="gender" value="2">
                                                        Female </label>
                                                </div>
                                            </div>

                                        </td>
                                    </tr>

                                    <tr>
                                        <td><span style="font-size: 15px;"> Referred By (NC)</span></td>
                                        <td>
                                            {{-- @if(!Session::has('doctorInfo')) --}}
                                            <div class="input-group col-md-10 col-md-offset-1">
                                                <input type="text"
                                                       class="form-control pull-right"
                                                       name="nc_doctor_name" autocomplete="off">

                                            </div>

                                        </td>
                                    </tr>

                                    <tr>
                                        <td><span style="font-size: 15px;"> Referred By </span></td>
                                        <td>
                                            {{-- @if(!Session::has('doctorInfo')) --}}
                                            <div class="input-group col-md-10 col-md-offset-1">
                                                <input type="text" id="searchDoctor"
                                                       class="form-control pull-right"
                                                       name="doctor_name" autocomplete="off">
                                                <input type="hidden" name="doctor_id" id="doctor_id">
                                                <input type="hidden" name="doctor_user_id"
                                                       id="doctor_user_id">
                                                <input type="hidden" name="referred_by" id="referred_by">


                                            </div>

                                        </td>
                                    </tr>

                                    <tr>
                                        <td><span style="font-size: 15px;">Hide name from invoice </span></td>
                                        <td>
                                            <div class="input-group col-md-10 col-md-offset-1">
                                                <input type="checkbox" class="pull-left" id="hide_name_invoice" name="hide_name_invoice" value="1">
                                            </div>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td><span style="font-size: 15px;"> 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: 15px;"> Payment Type <span
                                                    class="text-red">*</span> </span></td>
                                        <td>
                                            <div class="input-group col-md-10 col-md-offset-1" id="payment_type_error">
                                                <select name="payment_type"
                                                        class="form-control select2 payment_type">
                                                    <option value="1" selected> Cash</option>
                                                    <option value="2"> Debit Card</option>
                                                    <option value="3"> Credit Card</option>
                                                </select>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><span style="font-size: 15px;"> Sub Total  </span></td>
                                        <td>
                                            <div id="invoice-sub-total"
                                                 class="input-group col-md-11 col-md-offset-1">

                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><span style="font-size: 15px;"> Discount </span></td>
                                        <td>
                                            <div class="input-group col-md-11 col-md-offset-1">

                                                <input type="text" id="invoice-discount-percent"
                                                       class="form-control col-md-3"
                                                       name="discount_percent"
                                                       @if(Session::has('doctorInfo')) value="{{Session::get('doctorInfo.doctor_commission')}}"
                                                       @else value="0.00" @endif>
                                                <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"
                                                       @if(Session::has('doctorInfo')) value="0" @endif>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="col-md-4"><span
                                                style="font-size: 15px;"> Total Amount </span></td>
                                        <td>
                                            <div id="invoice-total"
                                                 class="input-group col-md-11 col-md-offset-1">
                                                1000.00
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><span style="font-size: 15px;"> 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="">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><span style="font-size: 15px;"> 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="">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><span style="font-size: 15px;"> Due </span></td>
                                        <td>
                                            <div class="input-group col-md-11 col-md-offset-1">
                                                <span id="due" style="font-size: 15px;"> 0.00 </span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><span style="font-size: 15px;"> Room Number </span></td>
                                        <td>
                                            <div class="input-group col-md-11 col-md-offset-1">
                                            <input id="room-no" type="text" class="form-control"
                                                       name="room_no" value="">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><span style="font-size: 15px;"> Note </span></td>
                                        <td>
                                            <div class="input-group col-md-10 col-md-offset-1">
                                                <textarea class="form-control" name="discount_note"></textarea>
                                            </div>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td><span style="font-size: 15px;"> Sale Prepared By </span></td>
                                        <td>
                                            <div class="input-group col-md-11 col-md-offset-1">
                                                <span
                                                    style="font-size: 15px;">{{auth()->user()->full_name }}</span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="hide">
                                        <td><span style="font-size: 15px;"> Delivery Date & Time </span></td>
                                        <td>
                                            <div class="input-group col-md-10 col-md-offset-1">
                                                {{csrf_field()}}
                                                <input type="text"
                                                       class="form-control pull-right datetimepicker"
                                                       name="delivery_date"
                                                       value="{{\Carbon\Carbon::tomorrow()->format('Y-m-d')}}">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                            <div class="input-group col-md-11 col-md-offset-1 text-right">

                                                @can('sale-service-create')
                                                    <button type="submit" id="submit"
                                                            class="btn btn-success btn-sm">
                                                        Complete
                                                        Sale
                                                    </button>
                                                @endcan
                                                &nbsp;
                                                <button type="reset" class="btn btn-warning btn-sm"> Reset
                                                    Form
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            @endcan
                        </div>
                    </div>
                </div>
            </form>

        </div>

    </section>
@endsection

@section('extra-css')
    {{Html::style('vendor/takielias/posui/css/posui.css')}}
    {{Html::style('assets/plugins/datetimepicker/css/bootstrap-datetimepicker.min.css')}}
    <style>
        .dob-picker {
            padding: 5px;
        }
    </style>
@stop
@section('extra-js')
    {{ Html::script('vendor/takielias/posui/plugins/typeahead.js/typeahead.bundle.min.js') }}
    {{ Html::script('assets/bower_components/moment/min/moment.min.js') }}
    {{ Html::script('assets/plugins/datetimepicker/js/bootstrap-datetimepicker.min.js') }}
    {{ Html::script('assets/plugins/birthday-selector/dobpicker.js') }}
@endsection

@section('script')
    <script type="text/javascript">

        var baseUrl = '