@extends('layouts.admin')
@section('styles')
<link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet">
<link href="
https://cdn.jsdelivr.net/npm/sweetalert2@11.7.27/dist/sweetalert2.min.css
" rel="stylesheet">
@endsection
@section('content')

<div class="card">
    <div class="card-header">
        {{ trans('cruds.paymentType.title_singular') }} {{ trans('global.list') }}
    </div>

    <div class="card-body">
        @if ($message = Session::get('success'))
            <div class="col-12 p-2">
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <strong>{{ $message }}</strong>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            </div>
        @endif

        <div class="table-responsive">
            <table class=" table table-bordered table-striped table-hover datatable">
                <thead>
                    <tr>
                        <th>
                            No.
                        </th>
                        <th>
                            {{ trans('cruds.paymentType.fields.name') }}
                        </th>
                        <th>
                            {{ trans('cruds.paymentType.fields.status') }}
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($paymentTypes as $key => $paymentType)
                        <tr data-entry-id="{{ $paymentType->id }}">
                            <td>
                                {{ $loop->iteration ?? '' }}
                            </td>
                            <td>
                                {{ $paymentType->name ?? '' }}
                            </td>
                            <td>
                                <div class="form-check form-switch pt-4">
                                    <input class="toggle-trigger" type="checkbox" {{$paymentType->status=='active'?'checked':''}} data-toggle="toggle" data-onstyle="success" data-offstyle="danger"
                                    data-id="{{\Crypt::encrypt($paymentType->id)}}"  value="{{$paymentType->status}}" name="status">
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
@section('scripts')
@parent
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
<script src="
https://cdn.jsdelivr.net/npm/sweetalert2@11.7.27/dist/sweetalert2.all.min.js
"></script>

@include('admin.common.js.changestatus',['url'=>'admin.payment-type.change-status'])
<script>
    $(function () {

        let dtButtons = $.extend(true, [], $.fn.dataTable.defaults.buttons)

        $('.datatable:not(.ajaxTable)').DataTable(
            {
                buttons: dtButtons,
                columnDefs: [
                    { targets: [2], orderable: false } // Disable sorting for the 4th column
                ]
            })
      })


</script>
@endsection