@extends('admin.layouts.default')

{{-- Page level styles --}}
@section('header_styles')
    <!-- iCheck for checkboxes and radio inputs -->
    <link rel="stylesheet" href="{{ asset('admin_assets/plugins/icheck-bootstrap/icheck-bootstrap.min.css') }}"
          xmlns:margin="https://www.w3.org/1999/xhtml">
@stop
{{-- /Page level styles --}}

{{-- Page content --}}
@section('content')
<!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
          <h1 class="m-0 text-dark">
              @yield('title', 'Create Categories')
            </h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item">{{ Breadcrumbs::render('categories/create') }}</li>

            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
<section class="content">
        <div class="container-fluid">
          <div class="row">

                <div class="col-md-12">
                    @if(session()->has('message'))
                <div class="alert alert-success">
                    {{ session()->get('message') }}
                </div>
              @endif

            @if ($errors->any())
                <div class="alert alert-danger">
                <ul>
                @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
                </div>
            @endif
                    <div class="card card-primary">
                            <div class="card-header">
                              <h3 class="card-title">Create Categories</h3>
                            </div>
                            <!-- /.card-header -->
                            <!-- form start -->
                        <form role="form" action="{{ route('administrator.categories.store') }}" method="POST">
                            {{ csrf_field() }}
                        <div class="card-body row">
                            <div class="col-md-6">

                                <div class="form-group row">
                                    <div class="col-sm-4">
                                    <label for="exampleInputStatus">Restaurants <span style="color:red">*</span></label>
                                    </div>
                                    <div class="col-sm-8">
                                    <select class="form-control" tabindex="1" id="restaurants_id" name="restaurants_id">
                                        <option value="">Select Restaurants</option>
                                        @foreach($restaurants as $restaurant)
                                    <option value="{{ $restaurant->restaurants_id }}">{{ ucfirst($restaurant->name) }}</option>
                                        @endforeach
                                    </select>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-sm-4">
                                  <label for="exampleInputName">Categories Name: <span style="color:red">*</span></label>
                                    </div>
                                    <div class="col-sm-8">
                                  <input type="text" name="categories_name" tabindex="3" class="form-control" id="exampleInputName" placeholder="Enter Categories Name">
                                </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-sm-4">
                                  <label for="exampleInputEmail">Categories Descriptions</label>
                                    </div>
                                    <div class="col-sm-8">
                                  <textarea class="form-control" tabindex="5" name="categories_descriptions" placeholder="Categories Description"></textarea>
                                </div>
                                </div>

                            </div>
                            <div class="col-md-6">
                                <div class="form-group row">
                                    <div class="col-sm-4">
                                    <label for="exampleInputStatus">Sub Restaurants</label>
                                    </div>
                                    <div class="col-sm-8">
                                    <select class="form-control" tabindex="2" name="subrestaurants_id" id="partial">
                                    </select>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-sm-4">
                                    <label for="exampleInputStatus">Status</label>
                                    </div>
                                    <div class="col-sm-8">
                                        <input type="checkbox" tabindex="4" name="status" value="0"
                                               data-bootstrap-switch
                                               data-off-color="danger" data-on-color="success">
                                    </div>
                                </div>

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

                              <div class="card-footer">
                                <button type="submit" tabindex="6" class="btn btn-primary">Submit</button>
                              </div>
                            </form>
                          </div>
                </div>
          </div>
        </div>
</section>

@stop
{{-- /Page content --}}

@section('footer_scripts')
    <!-- Bootstrap Switch -->
    <script src="{{ asset('admin_assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js') }}"></script>
    <script>

        $("input[data-bootstrap-switch]").each(function () {
            $(this).bootstrapSwitch('state', $(this).prop('checked'));
        });

    $(document).ready(function(){
        $("#restaurants_id").change(function(){
            var restaurants_id = $("#restaurants_id").val();
            //console.log('hi');
            $.ajax({
                url: '{{ URL::to("administrator/categories/restaurants/subrestaurants/partials") }}/'+restaurants_id,
                type: 'GET',
                success: function(html)
                {
                    $('#partial').html(html);
                }
            });
        });
    });
</script>
@stop