@extends('layouts.app', ['title' => __('Customers')])
@section('admin_title')
{{ __('Customers') }}
@endsection
@section('content')
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css">
<div class="header bg-gradient-primary pb-8 pt-5 pt-md-5">
</div>
<div class="container-fluid mt--7">
    <div class="row">
        <div class="col">
            <div class="card shadow">
                <div class="card-header border-0">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <h3 class="mb-0">{{ __('Customers List') }}</h3>
                        </div>
                        <div class="col-4 text-right">
                            @if(Route::currentRouteName() === "admin.customers.index")
                            <a href="{{ route('admin.customers.create') }}" class="btn btn-sm btn-primary">{{ __('Add Customer') }}</a>

                            @else

                            <a href="{{ route('customers.create') }}" class="btn btn-sm btn-primary">{{ __('Add Customer') }}</a>
                            @endif
                            <a href="javascript:void(0);" class="btn btn-sm btn-primary" id="editCustomerBtn">{{ __('Edit Customer') }}</a>
                            <a href="javascript:void(0);" class="btn btn-sm btn-danger" id="deleteCustomerBtn">{{ __('Delete Customer') }}</a>

                        </div>
                    </div>
                </div>
                <div class="col-12">
                    @include('partials.flash')
                </div>
                @if (auth()->user()->hasRole('superadmin'))
                <div class="table-responsive">
                    <table class="table align-items-center table-flush">
                        <thead class="thead-light">
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">{{ __('Restorant Id') }}</th>
                                <th scope="col">{{ __('Restorant Name') }}</th>
                                <th scope="col">{{ __('First Name') }}</th>
                                <th scope="col">{{ __('Last Name') }}</th>
                                <th scope="col">{{ __('Email') }}</th>
                                <th scope="col">{{ __('Phone') }}</th>
                                <th scope="col">{{ __('Address') }}</th>
                                <th scope="col">{{ __('Zip Code') }}</th>
                                <th scope="col">{{ __('City') }}</th>
                                <th scope="col">{{ __('State') }}</th>
                                <th scope="col">{{ __('Created at') }}</th>
                                <th scope="col">{{ __('Status') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($customers as $category)
                            <tr>
                                <td>
                                    <input type="checkbox" name="selected_customer" class="customer-radio" value="{{ $category->id }}">
                                </td>
                                <td>{{ $category->restaurants->id }}</td>
                                <td>{{ $category->restaurants->name }}</td>
                                @php
                                $parts = explode(' ', $category->name, 2);
                                $first = $parts[0] ?? '';
                                $last = $parts[1] ?? '';
                                @endphp
                                <td>{{ $first }}</td>
                                <td>{{ $last }}</td>
                                <td>{{ $category->email }}</td>
                                <td>
                                    @if(strlen($category->phone) === 10)
                                    ({{ substr($category->phone, 0, 3) }}){{ substr($category->phone, 3, 3) }}-{{ substr($category->phone, 6) }}
                                    @else
                                    {{ $category->phone }}
                                    @endif
                                </td>
                                <td>{{ $category->address }}</td>
                                <td>{{ $category->zip_code }}</td>
                                <td>{{ $category->city }}</td>
                                @php
                                $states = [
                                'Alabama' => 'AL',
                                'Alaska' => 'AK',
                                'Arizona' => 'AZ',
                                'Arkansas' => 'AR',
                                'California' => 'CA',
                                'Colorado' => 'CO',
                                'Connecticut' => 'CT',
                                'Delaware' => 'DE',
                                'Florida' => 'FL',
                                'Georgia' => 'GA',
                                'Hawaii' => 'HI',
                                'Idaho' => 'ID',
                                'Illinois' => 'IL',
                                'Indiana' => 'IN',
                                'Iowa' => 'IA',
                                'Kansas' => 'KS',
                                'Kentucky' => 'KY',
                                'Louisiana' => 'LA',
                                'Maine' => 'ME',
                                'Maryland' => 'MD',
                                'Massachusetts' => 'MA',
                                'Michigan' => 'MI',
                                'Minnesota' => 'MN',
                                'Mississippi' => 'MS',
                                'Missouri' => 'MO',
                                'Montana' => 'MT',
                                'Nebraska' => 'NE',
                                'Nevada' => 'NV',
                                'New Hampshire' => 'NH',
                                'New Jersey' => 'NJ',
                                'New Mexico' => 'NM',
                                'New York' => 'NY',
                                'North Carolina' => 'NC',
                                'North Dakota' => 'ND',
                                'Ohio' => 'OH',
                                'Oklahoma' => 'OK',
                                'Oregon' => 'OR',
                                'Pennsylvania' => 'PA',
                                'Rhode Island' => 'RI',
                                'South Carolina' => 'SC',
                                'South Dakota' => 'SD',
                                'Tennessee' => 'TN',
                                'Texas' => 'TX',
                                'Utah' => 'UT',
                                'Vermont' => 'VT',
                                'Virginia' => 'VA',
                                'Washington' => 'WA',
                                'West Virginia' => 'WV',
                                'Wisconsin' => 'WI',
                                'Wyoming' => 'WY',
                                ];
                                @endphp

                                <td>{{ $states[$category->state] ?? $category->state }}</td>
                                <td>{{ $category->created_at->format('Y-m-d H:i') }}</td>
                                <td>
                                    @if($category->is_active == 1)
                                    <span class="badge badge-success">{{ __('Active') }}</span>
                                    @else
                                    <span class="badge badge-warning">{{ __('Not active') }}</span>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>

                    </table>
                </div>
                @else
                <div class="table-responsive">
                    <table class="table align-items-center table-flush">
                        <thead class="thead-light">
                            <tr>
                                <th scope="col">#</th>
                                <!-- <th scope="col">{{ __('Company Name') }}</th>
                                <th scope="col">{{ __('Company Email') }}</th>
                                <th scope="col">{{ __('Company Phone') }}</th> -->
                                <th scope="col">{{ __('First Name') }}</th>
                                <th scope="col">{{ __('Last Name') }}</th>
                                <th scope="col">{{ __('Email') }}</th>
                                <th scope="col">{{ __('Phone') }}</th>
                                <th scope="col">{{ __('Address') }}</th>
                                <th scope="col">{{ __('City') }}</th>
                                <th scope="col">{{ __('State') }}</th>
                                <th scope="col">{{ __('Zip Code') }}</th>
                                <th scope="col">{{ __('Created at') }}</th>
                                <th scope="col">{{ __('Status') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($customers as $category)
                            <tr>
                                <td>
                                    <input type="checkbox" name="selected_customer" class="customer-radio" value="{{ $category->id }}">
                                </td>
                                <!-- <td>{{ $category->restaurants->name }}</td>
                                <td>{{ $category->restaurants->user->email }}</td>

                                <td>
                                    @if(isset($category->restaurants->phone))
                                    @php
                                    // Remove everything except digits
                                    $phone = preg_replace('/\D/', '', $category->restaurants->phone);
                                    @endphp

                                    @if(strlen($phone) === 10)
                                    ({{ substr($phone, 0, 3) }}) {{ substr($phone, 3, 3) }}-{{ substr($phone, 6) }}
                                    @elseif(strlen($phone) === 11)
                                    +{{ substr($phone, 0, 2) }} ({{ substr($phone, 2, 3) }}) {{ substr($phone, 5, 3) }}-{{ substr($phone, 8) }}
                                    @else
                                    {{ $category->restaurants->phone }}
                                    @endif
                                    @endif
                                </td> -->

                                @php
                                $parts = explode(' ', $category->name, 2);
                                $first = $parts[0] ?? '';
                                $last = $parts[1] ?? '';
                                @endphp
                                <td>{{ $first }}</td>
                                <td>{{ $last }}</td>
                                <td>{{ $category->email }}</td>
                                <td>
                                    @if(strlen($category->phone) === 10)
                                    ({{ substr($category->phone, 0, 3) }}){{ substr($category->phone, 3, 3) }}-{{ substr($category->phone, 6) }}
                                    @else
                                    {{ $category->phone }}
                                    @endif
                                </td>
                                <td>{{ $category->address }}</td>
                                <td>{{ $category->city }}</td>
                                @php
                                $states = [
                                'Alabama' => 'AL',
                                'Alaska' => 'AK',
                                'Arizona' => 'AZ',
                                'Arkansas' => 'AR',
                                'California' => 'CA',
                                'Colorado' => 'CO',
                                'Connecticut' => 'CT',
                                'Delaware' => 'DE',
                                'Florida' => 'FL',
                                'Georgia' => 'GA',
                                'Hawaii' => 'HI',
                                'Idaho' => 'ID',
                                'Illinois' => 'IL',
                                'Indiana' => 'IN',
                                'Iowa' => 'IA',
                                'Kansas' => 'KS',
                                'Kentucky' => 'KY',
                                'Louisiana' => 'LA',
                                'Maine' => 'ME',
                                'Maryland' => 'MD',
                                'Massachusetts' => 'MA',
                                'Michigan' => 'MI',
                                'Minnesota' => 'MN',
                                'Mississippi' => 'MS',
                                'Missouri' => 'MO',
                                'Montana' => 'MT',
                                'Nebraska' => 'NE',
                                'Nevada' => 'NV',
                                'New Hampshire' => 'NH',
                                'New Jersey' => 'NJ',
                                'New Mexico' => 'NM',
                                'New York' => 'NY',
                                'North Carolina' => 'NC',
                                'North Dakota' => 'ND',
                                'Ohio' => 'OH',
                                'Oklahoma' => 'OK',
                                'Oregon' => 'OR',
                                'Pennsylvania' => 'PA',
                                'Rhode Island' => 'RI',
                                'South Carolina' => 'SC',
                                'South Dakota' => 'SD',
                                'Tennessee' => 'TN',
                                'Texas' => 'TX',
                                'Utah' => 'UT',
                                'Vermont' => 'VT',
                                'Virginia' => 'VA',
                                'Washington' => 'WA',
                                'West Virginia' => 'WV',
                                'Wisconsin' => 'WI',
                                'Wyoming' => 'WY',
                                ];
                                @endphp

                                <td>{{ $states[$category->state] ?? $category->state }}</td>
                                <td>{{ $category->zip_code }}</td>
                                <td>{{ $category->created_at->format('Y-m-d H:i') }}</td>
                                <td>
                                    @if($category->is_active == 1)
                                    <span class="badge badge-success">{{ __('Active') }}</span>
                                    @else
                                    <span class="badge badge-warning">{{ __('Not active') }}</span>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>

                    </table>
                </div>
                @endif
                <div class="card-footer py-4">
                    <nav class="d-flex justify-content-end" aria-label="...">
                    </nav>
                </div>
            </div>
        </div>
    </div>

    @include('layouts.footers.auth')
</div>
@endsection
@section('js')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).on('change', '.customer-radio', function () {
        $('.customer-radio').not(this).prop('checked', false);
    });
</script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<script>
    $(document).ready(function() {
        $('.table').DataTable({
            "columnDefs": [{
                "orderable": false,
                "targets": -1 // Target the last column (Action column)
            }]
        });
    });
    $("[data-target='#modal-edit-category']").on('click', function() {
        var id = $(this).attr('data-id');
        var name = $(this).attr('data-name');
        $('#cat_name').val(name);
        var route = "{{ route('owner.category.update', ':id') }}";
        route = route.replace(':id', id);
        $("#form-edit-category").attr("action", route);
    })
</script>
<script>
    function confirmDelete(categoryId) {
        // Show the confirmation dialog
        Swal.fire({
            title: '{{ __('
            Are you sure ? ') }}',
            text : '{{ __('
            This will delete the category and all related data.This action is irreversible.
            ') }}',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: '{{ __('
            Yes,
            delete it!') }}',
            cancelButtonText: '{{ __('
            Cancel ') }}',
            reverseButtons: true
        }).then((result) => {
            if (result.isConfirmed) {
                // If confirmed, redirect to the delete route
                window.location.href = "{{ route('owner.category.remove', ':id') }}".replace(':id',
                    categoryId);
            }
        });
    }
</script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    $(document).ready(function() {
        // Get selected customer ID
        function getSelectedCustomerId() {
            return $('input[name="selected_customer"]:checked').val();
        }

        // Edit Customer
        $('#editCustomerBtn').click(function() {
            let customerId = getSelectedCustomerId();
            if (!customerId) {
                Swal.fire("Warning", "Please select a customer first!", "warning");
                return;
            }
            window.location.href = "/customers/edit/" + customerId;
        });

        // Delete Customer with SweetAlert Confirmation
        $('#deleteCustomerBtn').click(function() {
            let customerId = getSelectedCustomerId();
            if (!customerId) {
                Swal.fire("Warning", "Please select a customer first!", "warning");
                return;
            }

            Swal.fire({
                title: "Are you sure?",
                text: "This customer will be permanently deleted!",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: "#d33",
                cancelButtonColor: "#3085d6",
                confirmButtonText: "Yes, delete it!"
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: "/customers/delete/" + customerId,
                        type: "POST",
                        data: {
                            _token: "{{ csrf_token() }}"
                        },
                        success: function(response) {
                            Swal.fire("Deleted!", "The customer has been deleted.", "success")
                                .then(() => location.reload());
                        },
                        error: function() {
                            Swal.fire("Error", "Something went wrong.", "error");
                        }
                    });
                }
            });
        });
    });
</script>

@endsection