@extends('layouts.admin_panel')

@section('top-scripts')
  <!-- SweetAlert2 -->
  <link rel="stylesheet" href="{{ URL::asset('plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css') }}">
@endsection

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="container">
      <div class="row mb-2">
        
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <!-- Main content -->
  <div class="content">
    <div class="container">
          <table id="example1" class="table table-bordered table-striped">
            <thead class="thead-dark">
            <tr>
              <th>Category ID</th>              
              <th>Name</th>
              <th>Action</th>
            </tr>
            </thead>
            <tbody>
            @foreach($categories as $category)
              <tr>
                <td>{{ $category->id }}</td>
                <td>{{ $category->name }}</td>                
                <td><a class="btn btn-block btn-sm btn-success" id="restore_link" href="categories/restore/"><i class="nav-icon fas fa-edit"></i> RESTORE</a></td>
              </tr>
            @endforeach
            </tfoot>
          </table>
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content -->
</div>
<!-- /.content-wrapper --> 
@endsection


@section('bottom-scripts')
<!-- SweetAlert2 -->
<script src="{{ URL::asset('plugins/sweetalert2/sweetalert2.min.js') }}"></script>

<script>
    var Toast = Swal.mixin({
      toast: true,
      position: 'center',
      showConfirmButton: false,
      timer: 5000
    });

    function my_fun(icon_data, title_data)
    {
      Toast.fire({
        icon: icon_data,
        title: title_data
      });
    }
</script>



<script>
$("#restore_link").click(function(e) {

e.preventDefault(); // avoid to execute the actual submit of the form.
var href = $(this).attr('href');
$.ajax({
       type: "GET",
       url: href,
       success: function(data)
       {
          $("#restore_link").addClass("disabled");
          $("#restore_link").text("Restored");
          my_fun('success', 'Category Restored');
       },
       error: function(data)
       {
          my_fun('error', 'Unable To Process Your Request');
       }
     });
});
</script>
@endsection