@extends('layouts.app')
@section('title', 'SMS Templates')

@section('content')
<style>
.badge
{font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    font-family: "IBM Plex Sans", sans-serif;
    line-height: 1.5;
  margin-top:5px;}
  </style>
<!-- Main content -->
        <section class="content">

      <div class="row">

       
        
        <div class="col-12">
          <div class="box">
           <div class="box-body">           
              <h4 class="box-title text-info mb-0"><i class="fa fa-user fa-sx"></i> SMS Template List</h4>
              <a href="{{ url('/add-sms-templete')  }}" type="submit"  style="float:right" class="waves-effect waves-light btn btn-rounded btn-primary btn-bitbucket btn-sm mb-5"><i class="fa fa-plus"></i>  Add SMS Template</a>
  <hr class="my-15">
              <div class="table-responsive">
                <table id="tickets" class="table mt-0 table-hover no-wrap" data-page-size="10">
                  <thead>
                    <tr>
                                     <th>#</th>
                                    <th>Template Name</th>
                                    <th>Message</th>                                    
                                    <th>Status</th>
                                    <th>Action</th>

                            </tr>
                  </thead>
                  <tbody>

                  @foreach($templete_list as $key => $templete)
                                <tr>
                                  <th scope="row">{{$key+1}}</th>
                                  <td>{{$templete->templete_name}}</td>                                     
                                  <td>{{$templete->templete_desc}}</td>
                                  <td> @if($templete->is_deleted == '1')
                                    <span class="badge  badge-success">Active</span>
                                    @else ($templete->is_deleted  == '0')
                                    <span class="badge  badge-warning">Inactive</span>
                                    @endif
                                 </td>                                 
                                 <td><a style="cursor:pointer;margin-right:1px;"  href="{{url('editSmsTemplete')}}/{{ $templete->templete_id}}" class='editEG'><i class="fa fa-edit fa-lg"></i></a>
                                 <a @if($templete->is_deleted == 1) style="cursor:pointer;color:green;margin-right:1px;" @else style="cursor:pointer;color:red;" @endif   class='openSmsTemplete' data-status={{$templete->is_deleted}} data-id={{$templete->templete_id}}> @if($templete->is_deleted == 1) <i class="fa fa-check fa-lg"></i> @else <i class="fa fa-check fa-lg"></i> @endif </a>                                        
                                 <!-- <a style="cursor:pointer;" href="javascript:deleteSmsTemplate({{ $templete->templete_id }})" id='delete-{{ $templete->templete_id }}'><i class="fa fa-trash-o fa-lg"></i></a> -->
                                 <a  class="openTemplateDelete" style="cursor:pointer;margin-right:1px;"data-templateid="{{$templete->templete_id}}" ><i class="fa fa-trash-o fa-lg"></i></a>     

                                       </td>

                             
                                </tr>

  
                            @endforeach
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
        <div class="modal fade" id="addIpModal" tabindex="-1" aria-labelledby="addIpModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="add-edit"></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
              <form method="post" action="">
                @csrf
              <div class="modal-body">
              <input type="hidden" class="form-control" name="ext_ip_id" value="" id="ext_ip_id" required>
                    <input type="hidden" class="form-control" name="ip_name" value="ip" id="" required>
               <div class="form-group">
               <label for="inputEmail3" class="form-label">Add Ip</label>
                    <input type="text" class="form-control" minlength="7" placeholder="xxx.xxx.xxx.xxx" name="allowed_ip" id="allowed_ip"  >
               </div>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Close</button>
                <button type="submit"name="submit" class="btn btn-danger btn-sm ">Save</button>
              </div>
            </form>
            </div>
          </div>
        </div>
        <div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="deleteLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="add-edit"></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
              <form method="post" action="">
                @csrf
              <div class="modal-body">
              <input type="hidden" class="form-control" name="ext_id" value="" id ="ext_id" required>
              <div class="form-group">
               <label for="inputEmail3" class="form-label">New Password</label>
               <input type="text" class="form-control" required  name="password" id="password" placeholder="Enter New Password">
               </div>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Close</button>
                <button type="submit"name="submit" class="btn btn-danger btn-sm">Save</button>
              </div>
            </div>
          </div>
        </div>
      
        <div class="modal fade" id="changeStatus" tabindex="-1" aria-labelledby="deleteLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="myModalLabel">Confirm Change</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
          
              <div class="modal-body">
              <p>You are about to change <b><i class="title"></i></b>SMS Templete status.</p>
                <p>Do you want to proceed?</p>
                <input type="hidden" class="form-control" name="temp_id" value="" id="temp_id">
                  <input type="hidden" class="form-control" name="status" value="" id="status">    
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Close</button>
                <button type="submit"name="submit" class="btn btn-danger btn-sm deleteSmsTemp">Change</button>
              </div>
            </div>
          </div>
        </div>
        <div class="modal fade" id="delete" tabindex="-1" aria-labelledby="deleteLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="myModalLabel">Confirm Delete</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
   
      <div class="modal-body">
      <p>You are about to delete <b><i class="title"></i></b>SMS Template.</p>
         <p>Do you want to proceed?</p>
         <input type="hidden" class="form-control" name="template_id" value="" id="template_id">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Close</button>
        <button type="submit"name="submit" class="btn btn-danger btn-sm deleteTemplate">Delete</button>
      </div>
    </div>
  </div>
</div>
      </div>
      <!-- /.row -->

    </section>
        <!-- /.content -->

        <script src="https://code.jquery.com/jquery-3.7.0.js" integrity="sha256-JlqSTELeR4TLqP0OG9dxM7yDPqX1ox/HfgiSLBj8+kM=" crossorigin="anonymous"></script>
        <script>
  

    $(".openSmsTemplete").click(function() {
        var delete_id = $(this).data('id');
        var status = $(this).data('status');

        $("#changeStatus").modal('show');
        $("#temp_id").val(delete_id);
        $("#status").val(status);


    });


    // function deleteSmsTemplate(id) {

    //     if(!confirm('Are you sure to delete?')){
    //         e.preventDefault();
    //         return false;
    //     }
        
    //     $("#delete-" + id).hide();
    //     postData = {
    //         "_token": "{{ csrf_token() }}"
    //     };

    //     $.ajax({
    //         type: "POST",
    //         url: "/sms-template-delete/" + id,
    //         data: postData,
    //         dataType: "json",

    //         success: function (data) {
    //             console.log(data);
    //             if (data.success) {
    //                 $("#alert-success").html(data.message).show();
    //                 setTimeout(function(){
    //                     window.location.reload(1);
    //                 }, 2000);
    //             }
    //             else {
    //                 $("#alert-errors").html(data.message).show();
    //             }
    //         },

    //         error: function (xhr, status, error) {
    //             $("#alert-errors").html(error).show();
    //         }
    //     });
    // }


        $(document).on("click", ".deleteSmsTemp", function() {
        //if(confirm("Are you sure you want to delete this record?")){
        var temp_id = $('#temp_id').val();
        var status = $('#status').val();

        /* alert(temp_id);
         alert(status);*/

        //var account_no = $(this).data('account_no');
        //alert(account_no);
        var el = this;
        $.ajax({
            url: 'deleteSmsTemplete/' + temp_id +'/'+status,
            type: 'get',
            success: function(response) {
                window.location.reload(1);
                // alert(response);
            }
        });
        //window.location.reload(1);

    });


  
    $(".openTemplateDelete").click(function() {
        var delete_id = $(this).data('templateid');

        $("#delete").modal('show');
        $("#template_id").val(delete_id);


    });
    $(document).on("click", ".deleteTemplate", function() {
        var temp_id = $('#template_id').val();
        var el = this;
        $.ajax({
            url: 'sms-template-delete/' + temp_id,
            type: 'get',
            success: function(response) {
              toastr.success('Template has been deleted successfully');
                    window.location.reload(1);
            }
        });

    });
 

</script>

@endsection