@extends('admin.layout.admin')
@section("title"," Dashboard | Wishours")
<!-- Main content -->
  @section("content")
    <section class="content container-fluid">

      <h1>Mobile Menus</h1>
      <div class="row">
      	<div class="col-md-8">
          <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">Add Mobile Menu</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
              @if ($errors->any())
          <div class="alert alert-danger" id="dangerMessage">
            <ul>
              @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
              @endforeach
            </ul>
          </div>
          @endif

            @if (session()->has('succesMessage'))
          <div class="alert alert-success" id="successMessage">
             {{ session('succesMessage') }}
          </div>
          @endif
           @if (session()->has('errorMessage'))
          <div class="alert alert-danger" id="Message">
             {{ session('errorMessage') }}
          </div>
          @endif
            <form role="form" action="{{ route('admin.mobileMenu.create') }}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
               {{ csrf_field() }}
              <div class="box-body">
               
                <div class="form-group">
                  <label for="">Add Category</label>
                 <select name="menu_id" class="form-control select2" data-placeholder="Select a Category"
                        style="width: 100%;">
                   @if($categories)
                   <option value="0">Select Menu</option>
                option
                @foreach($categories as $category)
                <option value="{{ $category->id }}">{{ $category->title }}</option>
                @endforeach
                @endif
                option
                </select>
                </div>
              </div>
              <div class="box-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>
              </form>
              <!-- /.box-body -->

             
          </div>
          <!-- /.box -->
         
      <div class="row">
        <div class="col-md-12">
          <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">Mobile Menus List</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
              @if ($errors->any())
          <div class="alert alert-danger" id="dangerMessage">
            <ul>
              @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
              @endforeach
            </ul>
          </div>
          @endif

            @if (session()->has('message'))
          <div class="alert alert-success" id="successMessage">
             {{ session('message') }}
          </div>
          @endif
                         <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                  <thead>
                    <tr>
                      <th>#</th>
                      <th>Menus</th>
                      <th>Actions</th>
                    </tr>
                  </thead>
                  <tbody>
                    @php
                     $count = 1;
                    @endphp
                      @if($mobile_menus)
                       @foreach($mobile_menus as $main_menu)
                       <tr>
                       <td></td>
                       <td>{{ $main_menu->cat_title  }}</td>
                      <td><a href="{{ url('/admin/mobile-menu/'.$main_menu->id) }}" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure you want to delete this item?');">Delete</a></td>
                                      
                          </td>
                       </tr>

                       @endforeach
                      @else
                       <tr><td colspan="5"> No Categories Found.</td></tr>
                      @endif
                  </tbody>
                </table>
              </div>
          </div>
          <!-- /.box -->
        </div>
      </div>
         
        </div>
      </div>

    </section>
   @endsection