@extends('admin.layouts.default')

@section('header_styles')
    <style>
        .project-actions a {
            float: left;
            margin-left: 5px;
        }
    </style>
@stop

@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', 'Categories Listings')
            </h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item">{{ Breadcrumbs::render('categories') }}</li>

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

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

                 <div class="col-sm-2 pull-left">
                <a href="{{ URL::to('administrator/categories/create') }}" class="btn btn-block bg-gradient-success btn-sm">Create Categories</a>
              </div>

              <div class="col-sm-3 pull-right">
              <form role="form" action="{{ route('administrator.search.restaurants') }}" method="POST">
                   {{ csrf_field() }}
                <div class="form-group">
                    <select class="form-control" id="restaurants_id" name="restaurants_id">
                        <option value="">Select Restaurants</option>
                        @foreach($restaurants as $restaurant)
                            <option value="{{ $restaurant->restaurants_id }}"
                                @if(isset($id) && $restaurant->restaurants_id == $id)
                                    {{ 'selected=selected' }}
                                @endif
                                >{{ ucfirst($restaurant->name) }}</option>
                        @endforeach
                    </select>
                </div>

            </div>
                  <div class="form-group">
                      <select class="form-control" name="subrestaurants_id" id="partial">
                      </select>
                  </div>

              <div class="col-md-3 pull-right">
                <button type="submit" class="btn btn-primary">Search</button>
              </div>

              </form>
            </div>
            <!-- /.card-header -->
            <div class="card-body p-0">
                <table class="table table-striped projects">
                <thead>
                <tr>
                    <th>#</th>
                  <th>@sortablelink('categories Name')</th>
                  <th>@sortablelink('categories Slug')</th>
                  <th>@sortablelink('status')</th>

                </tr>
                </thead>
                <tbody>
                    @foreach($categories as $i=>$cats)
                <tr>
                <td>{{ $i+1 }}</td>
                <td>{{ $cats->categories_name }}</td>
                <td>{{ $cats->categories_slug }}</td>

                <td class="project-state">
                    @if($cats->status == 1)
                    <span class="badge badge-success">
                    {{ 'Active' }}
                    </span>
                    @else
                    <span class="badge badge-danger">
                    {{ 'In active' }}
                    </span>
                    @endif
                </td>

                <td class="project-actions">
                <a href="{{ URL::to('administrator/categories', encrypt($cats->categories_id)) }}" class="btn btn-success">
                   View
                </a>
                <a href="{{ URL::to('administrator/categories/'.encrypt($cats->categories_id).'/edit') }}" class="btn btn-info">
                    Edit
                </a>
                    <form action="{{ url('administrator/categories/' . encrypt($cats->categories_id)) }}" method="POST" name="delForm">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger" style="margin-left: 5px;">
                        Delete
                    </button>
                    </form>

                </td>
                </tr>
                    @endforeach
                </tbody>
              </table>

              @if(count($categories) > 1)
              {!! $categories->appends(\Request::except('page'))->render() !!}
              @endif
            </div>
          </div>
        </div>
      </div>
    </section>

@stop

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