@extends('admin.layouts.admin')

@section('content')

<style>
  .hotline_icon {
      height: 100px;
      width: 100px;
  }
</style>
<div class="">
  <div class="page-title">
    <div class="title_left">
      <h3>Menu Management</small></h3>
    </div>
  </div>

  <div class="clearfix"></div>

  <div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12">
      <div class="x_panel">
        <div class="x_title">
          <h2>Menus</h2>
          <ul class="nav navbar-right panel_toolbox">
            <a href="{{ route('admin.menus.create') }}" class="btn btn-primary btn-xs pull-left">Add New</a>
            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
            </li>
            <li><a class="close-link"><i class="fa fa-times"></i></a>
            </li>
          </ul>
          <div class="clearfix"></div>
        </div>
        <div class="x_content">  
          <table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%">
            <thead>
              <tr>
                <th>Title</th>
                <th>Link</th>
                <th>Image</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              @foreach($menus as $data)
              <tr>
                <td><strong>{{ $data->title }}</strong></td>
                <td>{{ $data->link }}</td>
                <td><img src="{{ asset($data->image) }}" class="hotline_icon" alt="Emergency Number"></td>
                <td>
                  <div class="btn-group" role="group" aria-label="...">
                      <a href="{{ route('admin.menus.edit', $data->id) }}" class="btn btn-xs btn-success"><i class="fa fa-pencil-alt"></i></a>
                      
                      <form action="{{ route('admin.menus.destroy', $data->id) }}" method="post" class="btn-group">
                          {{ csrf_field() }}
                          {{ method_field('delete') }}
                          <button title="Delete" type="submit" class="btn btn-xs btn-danger" onclick="return confirm('Are you sure you want to delete?')"><i class="fa fa-times"></i>&nbsp;</button>
                      </form>
                  </div>
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection