@extends('backend.admin-master')
@section('site-title')
    {{__('Dashboard')}}
@endsection
@section('content')
 
          <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->

            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">User /</span> TeleCalling</h4>
              <div class="row">
                  <div class="col-sm-2">
                   <button type="button" style="float:left;" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#Modaldate">Add New</button>
                  </div>
              </div>
			        <!-- Horizontal -->
              <div class="row">
  				      <div class="card ">
                  <div class="table-responsive text-nowrap mb-3 mt-3">
                    <table class="table table-bordered">
                      <thead>
                        <tr>                       
                          <th>Id</th>
  						            <th>Status</th>
                          <th>Created At</th>
                          <th>Action</th>
                        </tr>
                      </thead>
                      <tbody class="table-border-bottom-0">
                        @foreach($telecallingstatus as $tl)
                          <tr>
                            <td>{{$tl->id_telecallingstatus}} </td>
                            <td>{{$tl->status}} </td>
                            <td>{{ \Carbon\Carbon::parse($tl->created_at)->format('d-M-Y')}}</td>
                            <td>
                                <input type="hidden" name="id_telecallingstatus" value="" >

                            <button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown">
                              <i class="bx bx-dots-vertical-rounded"></i>
                            </button>
                            <div class="dropdown-menu">
                              <a class="dropdown-item telecallingstatus_update" data-bs-toggle="modal" data-bs-target="#Modaledit" value="{{$tl->status}}" id="" href="#"
                                ><i class="bx bx-edit-alt me-1"></i> Edit</a
                              >

                              <a href="javascript:void(0)" class="dropdown-item"  onclick="deletecheck()"
                                ><i class="bx bx-trash me-1"></i> Delete</a
                              >
                      
                            </div>
                          </div>
                            </td>
                          </tr>
                        @endforeach               
                      </tbody>
                    </table>
                  </div>
                   {{ $telecallingstatus->links("pagination::bootstrap-4") }}				
                </div>
              </div>
              <!-- / Content -->
            </div>
          </div>

  <div class="modal fade" id="Modaldate" tabindex="-1" aria-hidden="true">
              <div class="modal-dialog" role="document">
                <form action="{{ url('superadmin/telecallingstatusupdate') }}" method="POST">
                  @csrf
                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title" id="exampleModalLabel1">TeleCalling Status Add</h5>
                      <button
                        type="button"
                        class="btn-close"
                        data-bs-dismiss="modal"
                        aria-label="Close"
                      ></button>
                    </div>
                    <div class="modal-body">
                      
                      <div class="row">
                       <div class="col mb-3">
                        <label for="nameBasic" class="form-label">Status</label>
                          <input name="status" class="form-control" required>
                        </div>             
                      </div>
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                        Close
                      </button>

                      <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                  </div>
              </form>
              </div>
  </div>

   <div class="modal fade" id="Modaledit" tabindex="-1" aria-hidden="true">
              <div class="modal-dialog" role="document">
                <form action="{{ url('superadmin/telecallingstatusupdated') }}" method="POST">
                  @csrf
                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title" id="exampleModalLabel1">TeleCalling Status Update</h5>
                      <button
                        type="button"
                        class="btn-close"
                        data-bs-dismiss="modal"
                        aria-label="Close"
                      ></button>
                    </div>
                    <div class="modal-body">
                      
                      <div class="row">
                       <div class="col mb-3">
                        <label for="nameBasic" class="form-label">Status</label>
                          <input name="status" type="text" class="form-control status">
                          <input name="id" type="hidden" class="form-control id_status">
                        </div>             
                      </div>
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                        Close
                      </button>

                      <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                  </div>
              </form>
              </div>
  </div>
        

<script>
  $(document).ready(function(){
    $("#myTab a").click(function(e){
      e.preventDefault();
      $(this).tab('show');
    });

    $(".telecallingstatus_update").click(function(e){
      e.preventDefault();
      var id = $(this).attr('id');
      var value = $(this).attr('value');
      $('.id_status').val(id);
      $('.status').val(value);
    });
  });


  function deletecheck(id){
          if (confirm("Are You Sure to want delete this")) {
            window.location.href = "{{route('superadmin.telecallingstatusdelete') }}?id="+id;
} else {
  txt = "You pressed Cancel!";
}
}
</script>
@endsection