@extends('layouts.admin')
@section('page-title')
    {{ __('Pincodes') }}
@endsection

@section('content')
    <div class="card">
        <div class="card-body">
            <div class="float-end">
                <a href="#" data-size="lg" data-url="{{ route('admin.pincodes.create') }}" data-ajax-popup="true"
                    data-title="{{ __('Add New Pincode') }}" class="btn btn-sm btn-primary">
                    <i class="ti ti-plus"></i>
                </a>
            </div>
            <h4>{{ __('Serviceable Pincodes') }}</h4>
        </div>
        <div class="table-responsive card-body">
            <table id="pincodeTable" class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Pincode</th>
                        <th>Area Name</th>
                        <th>City</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
@endsection

@push('script-page')
    <script>
        $(document).ready(function() {
            const table = $('#pincodeTable').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('admin.pincodes.index') }}",
                columns: [{
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'pincode',
                        name: 'pincode'
                    },
                    {
                        data: 'area_name',
                        name: 'area_name'
                    },
                    {
                        data: 'city',
                        name: 'city'
                    },
                    {
                        data: 'is_serviceable',
                        name: 'is_serviceable'
                    },
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false
                    }
                ]
            });

            $(document).on('click', '.delete-btn', function() {
                if (confirm('Delete this pincode?')) {
                    let id = $(this).data('id');
                    $.ajax({
                        url: "{{ url('admin/pincodes') }}/" + id + "/destroy",
                        type: 'DELETE',
                        data: {
                            _token: '{{ csrf_token() }}'
                        },
                        success: function() {
                            table.ajax.reload();
                        }
                    });
                }
            });
        });
    </script>
@endpush