@extends('admin.layouts.main')
@section('content')
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <h1>
      Testimonials Management
      <!--        <small>advanced tables</small>-->
    </h1>
    <ol class="breadcrumb">
      <li><a href="{{url('admin/dashboard')}}"><i class="fa fa-dashboard"></i> Home</a></li>
      <li class="active">Testimonials</li>
    </ol>
  </section>
  <!-- Main content -->
  <section class="content">
    <div class="row">
      <div class="col-xs-12"> 
        <div class="box">
          <div class="box-header">
            <div class="row">
              <div class="col-md-6">
                <h3 class="box-title">{{$page}}</h3>
              </div>
              <div class="col-md-6 text-right">
                <a href="{{ url('admin/testimonial/create')}}" class="btn btn-flat btn-primary"><i class="fa fa-plus"></i> Add New</a>
              </div>
            </div>
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <?php 
              $messageArr = ['success', 'warning', 'danger', 'info'];
              ?>
            @foreach($messageArr as $message)
            @if(session()->has($message))   
            <div class="col-md-12">
              <div class="alert alert-{{$message}}">
                {{ session()->get($message) }}   
              </div>
            </div>
            @endif
            @endforeach
            @if ($errors->any())
            <div class="col-md-12">
              <div class="alert alert-danger">
                <ul>
                  @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
                  @endforeach
                </ul>
              </div>
            </div>
            @endif     
            <table id="example1" class="table table-bordered table-striped">
              <thead>
                <tr>
                  <th width="10%">No</th>
                  <th width="20%">User Name</th>
                  <th width="20%">User Role</th>
                  <th width="20%">Action</th>
                </tr>
              </thead>
              <tbody>
                @if(count($testList) > 0)
                <?php $i = 0 ?>
                @foreach($testList as $row)
                <tr>
                  <td>{{ ++$i }}</td>
                  <td>{{ $row->username }}</td>
                  <td>{{ $row->user_role }}</td>
                  
                  <td>
                    <a href="{{url('/admin/testimonial/'.$row->id)}}" class="btn btn-sm btn-success"><i class="fa fa-eye"></i></a>
                    <a href="{{url('/admin/testimonial/'.$row->id.'/edit')}}" class="btn btn-sm btn-info"><i class="fa fa-pencil"></i></a> 
                    <button type="button" class="btn btn-flat btn-sm btn-danger" data-toggle="modal" data-target="#DeleteModal" onclick="deleteData(<?php echo $row->id ?>)"><i class="fa fa-trash-o"> </i></button>
                    
                  </td>
                </tr>
                @endforeach 
                @else 
                <tr>
                  <td class="text-center" colspan="8">No data found</td>
                </tr>
                @endif
              </tbody>
            </table>
          </div>
          <!-- /.box-body -->
          
        </div>
        <!-- /.box -->
      </div>
      <!-- /.col -->
    </div>
    <!-- /.row -->
  </section>
  <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<div id="DeleteModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Delete Records</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">  
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <form id="deleteForm" method="post">
          <div class="modal-body">
             {{ csrf_field() }}
             {{ method_field('DELETE') }}
             <h5 class="text-center">Are you to delete this Record?</h5>
          </div>
          <div class="modal-footer">
             <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
             <button type="submit" class="btn btn-sm btn-danger" data-dismiss="modal" onclick="formSubmit()">Yes, Delete Record</button>
          </div>
        </form>
      </div>
    </div>
  </div>
@stop
@section('footer_script')
<script>
  $(function () {
    $('#example1').DataTable({
      responsive: true
    });
  });

  function deleteData(id)
  {
    var id = id;
    var url = '{{ route("testimonial.destroy", ":id") }}';
    url = url.replace(':id', id);
    $("#deleteForm").attr('action', url);
  }
 
  function formSubmit()
  {
    $("#deleteForm").submit();
  }
</script>
@stop