@extends('app')

@section('extra-css')
    <style type="text/css">
        .select2-container--default .select2-selection--single,
        .select2-selection .select2-selection--single {
            width: 380px;
        }
    </style>
@endsection

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Add Cabin & Ward Service
        </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">Add Service</li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content">
        <!-- Custom Tabs -->
        <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
                <li class="active"><a href="#add-ward" data-toggle="tab">Add Ward</a></li>
                <li><a href="#add-cabin" data-toggle="tab">Add Cabin</a></li>
                <li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="add-ward">
                    <div class="box box-default">
                        <div class="box-header with-border">
                            <h3 class="box-title">

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

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

                        </div>
                        <!-- /.box-header -->
                        <div class="box-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <form action="{{route('save-cabinward.post')}}" id="myForm"
                                          method="post" accept-charset="utf-8">
                                        <!-- SmartWizard html -->

                                        {{csrf_field()}}

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

                                        <div class="form-group">
                                            <label for="diagnostic_test_name" class="col-md-2">Floor Wise Category</label>
                                            <div class="col-md-10">
                                                {!! Form::select('service_sub_category_id',
                                                          []
                                                          ,null, ['class'=> 'form-control','placeholder'=>
                                                          'Please Select Gender', 'id'=>'ssc']) !!}
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>

                                        <div class="form-group" id="firstrow">

                                            <div class="row">
                                                <!-- /.box-header -->
                                                <div class="box-body">

                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Cabin/Seat Name</label>
                                                            <input type="text" class="form-control" name="diagnostic_test_name[]"
                                                                   placeholder="Service Name">
                                                        </div>
                                                    </div>

                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Seat Number</label>
                                                            <input type="text" class="form-control" name="seat_number"
                                                                   placeholder="Seat Number">
                                                        </div>
                                                    </div>

                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label for="exampleInputEmail1">Service Cost</label>
                                                            <input type="text" class="form-control" name="diagnostic_test_price[]"
                                                                   placeholder="Service Cost">
                                                        </div>

                                                    </div>

                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label for="exampleInputEmail1">Service Sale Cost</label>
                                                            <input type="text" class="form-control"
                                                                   name="diagnostic_test_sale_price[]"
                                                                   placeholder="Service Sale Cost">
                                                        </div>

                                                    </div>
                                                </div>
                                                <!-- /.box-body -->
                                            </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>
                                </div>
                            </div>
                        </div>
                        <div class="box-footer">

                        </div>
                    </div>
                </div>
                <!-- /.tab-pane -->
                <div class="tab-pane" id="add-cabin">
                    <div class="box box-default">
                        <div class="box-header with-border">
                            <h3 class="box-title">

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

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

                        </div>
                        <!-- /.box-header -->
                        <div class="box-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <form action="{{route('save-cabinward.post')}}" id="myForm"
                                          method="post" accept-charset="utf-8">
                                        <!-- SmartWizard html -->

                                        {{csrf_field()}}

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

                                        <div class="form-group">
                                            <label for="diagnostic_test_name" class="col-md-2">Floor Wise Category</label>
                                            <div class="col-md-10">
                                                {!! Form::select('service_sub_category_id',
                                                          []
                                                          ,null, ['class'=> 'form-control','placeholder'=>
                                                          'Please Select Gender', 'id'=>'ssc']) !!}
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>

                                        <div class="form-group" id="firstrow">

                                            <div class="row">
                                                <!-- /.box-header -->
                                                <div class="box-body">

                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Cabin/Seat Name</label>
                                                            <input type="text" class="form-control" name="diagnostic_test_name[]"
                                                                   placeholder="Service Name">
                                                        </div>
                                                    </div>

                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Seat Number</label>
                                                            <input type="text" class="form-control" name="seat_number"
                                                                   placeholder="Seat Number">
                                                        </div>
                                                    </div>

                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label for="exampleInputEmail1">Service Cost</label>
                                                            <input type="text" class="form-control" name="diagnostic_test_price[]"
                                                                   placeholder="Service Cost">
                                                        </div>

                                                    </div>

                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label for="exampleInputEmail1">Service Sale Cost</label>
                                                            <input type="text" class="form-control"
                                                                   name="diagnostic_test_sale_price[]"
                                                                   placeholder="Service Sale Cost">
                                                        </div>

                                                    </div>
                                                </div>
                                                <!-- /.box-body -->
                                            </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>
                                </div>
                            </div>
                        </div>
                        <div class="box-footer">

                        </div>
                    </div>
                </div>
                <!-- /.tab-pane -->
            </div>
            <!-- /.tab-content -->
        </div>
        <!-- nav-tabs-custom -->
        <!-- SELECT2 EXAMPLE -->
    </section>
@endsection

@section('extra-js')

@endsection

@section('script')
    <script type="text/javascript">
        $(document).ready(function(){
            $('#sc').change(function () { //any select change on the dropdown with id  trigger this code
                $("#ssc > option").remove(); //first of all clear select items
                var sc_id = $('#sc').val(); // here we are taking  id of the selected one.
                $.ajax({
                    type: "GET",
                    data: {id: sc_id},
                    url: "{{url('diagnostic/get-diagnostic-ssc')}}", //here we are calling our user controller and  method with the id
                    success: function (categories) //we're calling the response json array 'categories'
                    {
                        $.each(categories, function (id, category) //here we're doing a foeach loop round each cat with id as the key and cat as the value
                        {
                            var opt = $('<option />'); // here we're creating a new select option with for each cat
                            opt.val(id);
                            opt.text(category);
                            $('#ssc').append(opt); //here we will append these new select options to a dropdown with the id 'categories'
                        });
                    }
                });
            });
        });
    </script>
@endsection