@extends('admin.layouts.master')
@section('content')

    <section class="section">
        <ul class="breadcrumb breadcrumb-style ">
            <li class="breadcrumb-item">
                <h4 class="page-title m-b-0">Dashboard</h4>
            </li>
            <li class="breadcrumb-item">Review</li>
        </ul>
        @if(session('success'))
          <div class="alert alert-success">{{session('success')}}</div>
        @endif
        <div class="card">
            <div class="card-body">
                <button type="button" class="btn  btn-icon icon-left  btn-primary float-right mb-3" data-toggle="modal"
                    data-target="#AddEvent"><i class="far fa-edit"></i>Add Review</button>
                <div class="table-responsive">
                   
                    <table class="table table-striped table-md" id="datatable">
                        <tbody>
                            <tr>
                                <th>ID</th>
                                <th>Name</th>
                                <th>Action</th>
                            </tr>
                            @foreach($review as $reviews)
                              <tr id="reviewid{{ $reviews->id }}">
                                  <td>{{$reviews->id}}</td>
                                  <td>{{$reviews->name}}</td>
                                  
                                  <td>
                                    <button  class="btn btn-md btn-icon btn-success edit" data-id="{{$reviews->id}}"><i
                                      class="far fa-edit"></i>
                                    </button>
                                    
                                    <button class="btn btn-md btn-icon btn-danger delete" data-id="{{$reviews->id}}" ><i
                                      class="fas fa-trash-alt"></i>
                                    </button>
                                  </td>
                                          
                              </tr>
                            @endforeach
                            
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>
    <div class="modal" id="AddEvent">
      <div class="modal-dialog">
        <div class="modal-content">
    
          <!-- Modal Header -->
          <div class="modal-header">
            <h4 class="modal-title">Add Review</h4>
            <button type="button" class="close" data-dismiss="modal">&times;</button>
          </div>
    
          <!-- Modal body -->
          <div class="modal-body">
            <form action="{{route('admin.review.process')}}" method="POST">
              @csrf
            
              <div class="form-group">
                <label>Name</label>
                <div class="input-group">
                  <div class="input-group-prepend">
                    
                  </div>
                  <input type="text" class="form-control" placeholder="Review Name" name="review" required>
                </div>
                <span class="text-danger">{{$errors->first('review')}}</span>

              </div>
              
              
              <input type="submit" Value="Add " class="btn  btn-icon icon-left  btn-primary float-right  m-t-15 waves-effect">
            </form>
          </div>
    
          <!-- Modal footer -->
         
    
        </div>
      </div>
    </div>
    <div class="modal" id="EditEvent">
      <div class="modal-dialog">
        <div class="modal-content">
    
          <!-- Modal Header -->
          <div class="modal-header">
            <h4 class="modal-title">Edit Review</h4>
            <button type="button" class="close" data-dismiss="modal">&times;</button>
          </div>
    
          <!-- Modal body -->
          <div class="modal-body">
            <form  action="{{route('admin.review.update')}}" method="POST">
              @csrf
              <div class="form-group">
                <label>Name</label>
                <div class="input-group">
                  <div class="input-group-prepend">
                    
                  </div>
                  <input type="hidden" name="id" class="id" value="">
                  <input type="text" class="form-control review" placeholder="Event Name" name="edit_review" required>
                </div>
                <span class="text-danger">{{$errors->first('edit_review')}}</span>

              </div>
              
              
              <input type="submit"  value="Add Event" class="btn  btn-icon icon-left  btn-primary float-right  m-t-15 waves-effect">
            </form>
          </div>
    
          <!-- Modal footer -->
          
    
        </div>
      </div>
    </div>
@endsection

@section('scripts')

<script>

  $(document).ready(function(){ 
    check="{{old('review')}}";
    check_id="{{old('id')}}";
    if (check!="" && check_id=='') {
        $("#AddEvent").modal("show");
      }

      if (check_id!="") {
        $(".id").val(check_id);
        $("#EditEvent").modal("show");
      }
    $(document).on("click",".delete",function(){
      if(confirm('Do You Real Want To Delete This Review !'))
      {
        id=$(this).data("id");
          $.ajax({
              url:'review-delete/'+id, 
              type:'GET',
              data:{
                  _token:$('input[name=_token]').val()
  
              },
              success:function(response)
              {
                  $('#reviewid'+id).remove();
              }
  
          })
      }
    })
    $(document).on("click",".edit",function(){
      id=$(this).data("id");
      $.get('review-edit/'+id,function(review){
      $(".message").html("");
      $('.id').val(review.id);
      $('.review').val(review.name);
      $(".message").html("");
      $('#EditEvent').modal('show');
      
      });
    })
    
    
  });
  
</script>

@endsection