@extends('admin.layouts.master')
@section('content')
{{-- <center><h1 style="color: green">{{session('add_msg')}}</h1></center>
<center><h1 id="update_success" style="color: green">{{session('update_success')}}</h1></center>
<center><h1 style="color: red">{{session('delete_msg')}}</h1></center> --}}
    <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">Request</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 Music</button> --}}
                <div class="table-responsive">
                    <table class="table table-striped table-md">
                        <tbody>
                            <tr>
                                <th>ID</th>
                                <th>Type</th>
                                <th>Name</th>
                                <th>Note</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                            @foreach ($djrequest as $djrequest_val)
                              <tr id="musicid{{$djrequest_val->id}}">
                                <td>{{$djrequest_val->id}}</td>
                                <td>{{$djrequest_val->type}}</td>
                                <td>{{$djrequest_val->name}}</td>
                                <td>{{$djrequest_val->note}}</td>
                                <td>{{$djrequest_val->status}}</td>
                                <td>
                                  <button  class="btn btn-md btn-icon btn-success edit" data-id="{{$djrequest_val->id}}"><i
                                    class="far fa-edit"></i>
                                  </button>
                                  
                                  <button class="btn btn-md btn-icon btn-danger delete" data-id="{{$djrequest_val->id}}" ><i
                                    class="fas fa-trash-alt"></i>
                                  </button>
                                </td>            
                              </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>
    
    
    <div class="modal" id="EditEvent">
      <div class="modal-dialog">
        <div class="modal-content">
    
          <!-- Modal Header -->
          <div class="modal-header">
            <h4 class="modal-title">Edit Music</h4>
            <button type="button" class="close" data-dismiss="modal">&times;</button>
          </div>
            <div class="modal-body">
                <form action="{{route('admin.request.update')}}" method="POST">
                    @csrf
                    <input type="hidden" name="id" class="id" value="">
                    <!-- Modal body -->
                    <div class="form-group">
                        <label>Type</label>
                        <div class="input-group">
                            <div class="input-group-prepend"> 
                            </div>
                          <select class="form-control status" name="status" required>
                          <option value="">Select Type</option>
                          <option value="pending">Pending</option>
                          <option value="accept">Accept</option>
                          <option value="cancel">Cancel</option>
                          </select>
                        </div>
                        <span class="text-danger">{{$errors->first('status')}}</span>
                    </div>
                    {{-- <div class="form-group">
                        <label>Name</label>
                        <div class="input-group">
                            <div class="input-group-prepend"> 
                            </div>
                          <input type="text"  class="form-control name" placeholder="Name" name="name" required>
                        </div>
                        <span class="text-danger">{{$errors->first('name')}}</span>
                    </div>
                    <div class="form-group">
                        <label>Note</label>
                        <div class="input-group">
                            <div class="input-group-prepend"> 
                            </div>
                          <textarea class="form-control note" rows="4" cols="50" placeholder="note" name="note" required></textarea>
                        </div>
                        <span class="text-danger">{{$errors->first('note')}}</span>
                    </div> --}}
                     <input type="submit" class="btn  btn-icon icon-left  btn-primary float-right  m-t-15 waves-effect" value="Update">
                </form>
            <!-- Modal footer -->
            </div>
        </div>
      </div>
    </div>

   
@endsection

@section('scripts')

<script>

  $(document).ready(function(){ 
    check="{{old('type')}}";
    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 Request !'))
      {
        id=$(this).data("id");
          $.ajax({
              url:'/admin/request-delete/'+id, 
              type:'GET',
              data:{
                  _token:$('input[name=_token]').val()
  
              },
              success:function(response)
              {
                  $('#musicid'+id).remove();
              }
  
          })
      }
    })
    $(document).on("click",".edit",function(){
      id=$(this).data("id");
      //alert(id);
      $.get('/admin/request-edit/'+id,function(djrequest){
          $(".message").html("");
          $('.id').val(djrequest.id);
          $('.status').val(djrequest.status);
          //$('.name').val(djrequest.name);
         // $('.note').val(djrequest.note);
          $(".message").html("");
          $('#EditEvent').modal('show');
      });
    })
    
    
  });
  
</script>

@endsection