@extends('layouts/gnr_layout')
@section('title', '| SMS Block Days Config')
@section('content')

<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="" style="">
    <div class="">
      <div class="panel panel-default" style="background-color:#708090;">
        <div class="panel-heading" style="padding-bottom:0px">
          <div class="panel-options">
              <a href="{{route('smsBlockConfig.add')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-plus-sign addIcon"></i>Add SMS Block Days Config</a>
          </div>
          <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">SMS Block Days Config LIST</font></h1>
        </div>
        
        <div class="panel-body panelBodyView"> 
            <div class="row">
                <div class="col-md-12">
                    <!-- Success Message -->
                    @if (session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif
            
                    <!-- Error Message -->
                    @if (session('error'))
                        <div class="alert alert-danger">
                            {{ session('error') }}
                        </div>
                    @endif
            
                    <!-- Validation Error Messages -->
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </div>
            </div>      

        <div>
          <script type="text/javascript">
          jQuery(document).ready(function($)
          {
            /*$("#loanProductTable").dataTable().yadcf([
    
            ]);*/
            $("#loanProductTable").dataTable({              
                  
                   "oLanguage": {
                  "sEmptyTable": "No Records Available",
                  "sLengthMenu": "Show _MENU_ "
                  }
                });
            });

          </script>
        </div>
          <table class="table table-striped table-bordered" id="loanProductTable" style="color:black;">
                <thead>
                    <tr>
                    <th width="30">SL#</th>
                    <th>Start Date</th>
                    <th>End Date</th>
                    <th>Brances</th> 
                    <th>Date Type</th>                                               
                    <th>Action</th>
                    </tr>
                    
                </thead>
                <tbody>
                @foreach($smsBlockConfigList as $index => $smsBlockItem)
                <tr>
                    <td>{{$index+1}}</td>
                    <td>{{\Carbon\Carbon::parse($smsBlockItem->start_date)->format('d-m-Y')}}</td>
                    <td>{{\Carbon\Carbon::parse($smsBlockItem->end_date)->format('d-m-Y')}}</td>
                    <td class="name">
                        @if (!empty($smsBlockItem->branch))
                            {{$smsBlockItem->branch}}
                        @else
                            <span>ALL</span>
                        @endif
                    </td>
                    <td>{{$smsBlockItem->date_type == 'soft_date'? 'Software Date': 'System Date'}}</td>
                    <td width="80">
                        <a href="{{ route('smsBlockConfig.edit', $smsBlockItem->id) }}" class="edit-modal" productId="{{$smsBlockItem->id}}">
                            <span class="glyphicon glyphicon-edit"></span>
                        </a>&nbsp;
                        <a href="javascript:;" class="delete-btn" data-id="{{$smsBlockItem->id}}">
                            <span class="glyphicon glyphicon-trash"></span>
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
          </table>
        </div>
      </div>
  </div>
  </div>
</div>
</div>
<div class="col-md-2"></div>


<script type="text/javascript">
$(document).ready(function () {
    if ($('.alert-success').length) {
        setTimeout(function() {
            $('.alert-success').fadeOut('slow');
        }, 1000); 
    }

    // Check for error message
    if ($('.alert-danger').length) {
        setTimeout(function() {
            $('.alert-danger').fadeOut('slow');
        }, 1000); 
    }
});

$(document).ready(function() {
    // Delete confirmation with SweetAlert
    $(document).on('click', '.delete-btn', function(e) {
        e.preventDefault();
        var id = $(this).data('id');
        var $row = $(this).closest('tr');
        
        Swal.fire({
            title: 'Are you sure?',
            text: "You won't be able to revert this!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, delete it!'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: "{{ route('smsBlockConfig.destroy', ['id' => '__ID__']) }}".replace('__ID__', id),
                    type: 'DELETE',
                    data: {
                        "_token": "{{ csrf_token() }}"
                    },
                    success: function(response) {
                        if (response.success) {
                            Swal.fire(
                                'Deleted!',
                                'Your configuration has been deleted.',
                                'success'
                            );
                            // Remove the row from table
                            $row.fadeOut(300, function() {
                                $(this).remove();
                                // Re-number the remaining rows
                                $('#loanProductTable tbody tr').each(function(index) {
                                    $(this).find('td:first').text(index + 1);
                                });
                            });
                        } else {
                            Swal.fire(
                                'Error!',
                                response.message || 'Failed to delete configuration',
                                'error'
                            );
                        }
                    },
                    error: function(xhr) {
                        Swal.fire(
                            'Error!',
                            xhr.responseJSON?.message || 'Something went wrong',
                            'error'
                        );
                    }
                });
            }
        });
    });
});
</script>


@include('dataTableScript')

@endsection