@extends('app')
@section('extra-css')
    <style>

        .tt-menu {
            max-height: 150px;
            overflow-y: auto;
            min-width: 300px;
        }

        .tt-input {
            text-align: center;
        }

        #search_container .tt-menu {
            max-height: 200px;
            overflow-y: auto;
            font-size: 14px;
        }

        .tt-suggestion {
            background-color: #3c8dbc;
            color: #ffffff;
            min-width: 200px;
        }

        .tt-suggestion:hover {
            background-color: #1b5f86;
            color: #ffffff;
        }

        .typeahead, .tt-suggestion .tt-selectable {
            height: 40px;
            font-size: 24px;
            line-height: 30px;
            border: 1px solid #ccc;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            outline: none;
        }

    </style>
@endsection
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Edit Service Group
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">HR</a></li>
            <li class="active">Edit Service Group</li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-info">
            <div class="box-header with-border">
                <h3 class="box-title">

                    @can('diagnostic-test-create')
                        <a data-toggle="modal" href="#modal" onclick="loadModal('diagnostic/add-diagnostic-test')"
                           class="btn btn-info btn-md">
                            <i class="fa fa-plus"></i>&nbsp;
                            Add Diagnostic Test
                        </a>
                    @endcan

                    @can('diagnostic-test-view')
                        <a href="{{route('diagnostic-test')}}" class="btn btn-info btn-md">
                            <i class="fa fa-shopping-cart"></i>&nbsp;
                            View Diagnostic Test
                        </a>
                    @endcan

                    @can('sale-service-create')
                        <a href="{{route('diagnostic.sale-diagnotic-test')}}" class="btn btn-info btn-md">
                            <i class="fa fa-shopping-cart"></i>&nbsp;
                            Add Sale
                        </a>
                    @endcan

                </h3>

            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">
                        @canany(['diagnostic-service-group-edit', 'diagnostic-service-group-update'])
                            <form action="{{route('update-serviceGroup.post')}}" id="myForm"
                                  method="post" accept-charset="utf-8">
                                <!-- SmartWizard html -->

                                {{csrf_field()}}

                                <input type="hidden" name="service_group_id"
                                       value="{{$serviceGroup->service_group_id}}">

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="diagnostic_test_name" class="col-md-4">Servie Category</label>
                                        <div class="col-md-8">
                                            {!! Form::select('service_category_id',
                                                      $service_categories
                                                      ,$serviceGroup->service_category_id, ['class'=> 'form-control','placeholder'=>
                                                      'Please Select Gender', 'id'=>'sc']) !!}
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="diagnostic_test_name" class="col-md-4">Service Report
                                            Category</label>
                                        <div class="col-md-8">
                                            {!! Form::select('service_sub_category_id',
                                                      $service_sub_categories
                                                      ,$serviceGroup->service_sub_category_id!=null?$serviceGroup->service_sub_category_id:null, ['class'=> 'form-control','placeholder'=>
                                                      'Please Select Gender', 'id'=>'ssc']) !!}
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="service_group_name" class="col-md-4">Service Group Name</label>
                                        <div class="col-md-8">
                                            {{Form::text("service_group_name",
                                               $serviceGroup->service_group_name,
                                               [
                                                  "class" => "form-control",
                                                  "placeholder" => "Service Group Name",
                                               ])
                                               }}

                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group text-center">
                                        <div class="col-md-12">
                                            <div id="search_container">
                                                <input class="form-control typeahead text-center" id="search" name="q"
                                                       type="text"
                                                       placeholder="Search Service">
                                            </div>
                                        </div>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>

                                <div class="col-md-12" style="margin-top: 10px;">
                                    <div class="box box-success">
                                        <div class="box-header with-border">
                                            <h3 class="box-title">Service</h3>
                                            <!-- /.box-tools -->
                                        </div>
                                        <!-- /.box-header -->
                                        <div class="box-body">
                                            <div id="service_content">

                                                @if(count($services) > 0)
                                                    <div>

                                                        @foreach($services as $key => $service)

                                                            <div class="row">
                                                                <label for="diagnostic_test_name"
                                                                       class="col-md-1"></label>
                                                                <input type="hidden" name="diagnostic_test_id[]"
                                                                       value="{{$service->diagnostic_test_id}}">
                                                                <div class="col-md-2">
                                                                    {{Form::text("diagnostic_test_name[]",
                                                                         old("diagnostic_test_name") ? old("diagnostic_test_name") : (!empty($service) ? $service->diagnostic_test_name : null),
                                                                         [
                                                                            "class" => "form-control",
                                                                            "placeholder" => "Service Name",
                                                                            'readonly' => 'readonly'
                                                                         ])
                                                                     }}
                                                                    <div class="help-block with-errors"></div>
                                                                </div>
                                                                <div class="col-md-2">

                                                                    {{Form::text("diagnostic_test_price[]",
                                                                    old("diagnostic_test_price") ? old("diagnostic_test_price") : (!empty($service) ? $service->diagnostic_test_price : 0.00),
                                                                    [
                                                                       "class" => "form-control",
                                                                       "placeholder" => "Service price",
                                                                       'readonly' => 'readonly'
                                                                    ])
                                                                    }}

                                                                    <div class="help-block with-errors"></div>
                                                                </div>
                                                                <div class="col-md-2">

                                                                    {{Form::text("diagnostic_test_sale_price[]",
                                                                      old("diagnostic_test_sale_price") ? old("diagnostic_test_sale_price") : (!empty($service) ? $service->diagnostic_test_sale_price : 0.00),
                                                                      [
                                                                         "class" => "form-control",
                                                                         "placeholder" => "Service Sale price",
                                                                         'readonly' => 'readonly'
                                                                      ])
                                                                      }}

                                                                    <div class="help-block with-errors"></div>
                                                                </div>
                                                                <div class="col-md-2">

                                                                    {!! Form::select('diagnostic_test_result_type[]',
                                                                               [
                                                                               '1'=>'Positive/Negative',
                                                                               '2'=>'Yes/No',
                                                                               '3'=>'Unit Base',
                                                                               ]
                                                                               ,!empty($service) ? $service->diagnostic_test_result_type : null, ['class'=> 'form-control','disabled' => 'disabled','placeholder'=>
                                                                               'Please Select Result Type']) !!}

                                                                    <div class="help-block with-errors"></div>
                                                                </div>
                                                                <div class="col-md-2">

                                                                    {{Form::text("diagnostic_test_unit[]",
                                                                      old("diagnostic_test_unit") ? old("diagnostic_test_unit") : (!empty($service) ? $service->diagnostic_test_result_unit : null),
                                                                      [
                                                                         "class" => "form-control",
                                                                         "placeholder" => "Service Result Unit",
                                                                         'readonly' => 'readonly'
                                                                      ])
                                                                      }}

                                                                    <div class="help-block with-errors"></div>

                                                                </div>
                                                                <div class="col-md-1">
                                                                    <a href="javascript:;"
                                                                       class="btn btn-danger btn-remove-row">
                                                                        <i class="fa fa-trash"></i>
                                                                    </a>
                                                                </div>
                                                            </div>

                                                        @endforeach

                                                    </div>

                                                @endif


                                            </div>
                                        </div>
                                        <!-- /.box-body -->
                                    </div>
                                    <!-- /.box -->
                                </div>

                                <div class="row">
                                    <div id="service_total">
                                        <div class="col-md-12">
                                            <div class="table-responsive pull-right">
                                                <table class="table">
                                                    <tbody>
                                                    <tr>
                                                        <th>Total:</th>
                                                    </tr>
                                                    <tr>
                                                        <td id="stotal">0.00</td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-info pull-right">Submut</button>
                                    </div>
                                </div>

                                <hr>

                            </form>
                        @endcanany
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('script')
    <script src="{{URL::to('assets/plugins/typeahead.bundle.js')}}"></script>

    <script>
        var baseUrl = '