@extends('admin.layouts.base')

@section('title', 'Warehouse 3PL Advantages')

@section('content')
<div class="d-flex flex-column flex-column-fluid">
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <div id="kt_app_content_container" class="app-container container-xxl">
            <div class="card card-flush">
                <div class="card-header align-items-center py-5 gap-2 gap-md-5">
                    <div class="card-title">
                        <h2>Warehouse 3PL Advantages</h2>
                    </div>
                    <div class="card-toolbar">
                        <a href="{{ route('admin.home-warehouse-advantages.create') }}" class="btn btn-primary">
                            <i class="ki-duotone ki-plus fs-2"></i> Add New Advantage
                        </a>
                    </div>
                </div>

                <div class="card-body pt-0">
                    <div class="table-responsive">
                        <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_table_advantages">
                            <thead>
                                <tr class="text-start text-gray-600 fw-bold fs-7 text-uppercase gs-0">
                                    <th class="min-w-50px text-center">#</th>
                                    <th class="min-w-125px">Image</th>
                                    <th class="min-w-200px">Title</th>
                                    <th class="min-w-300px">Description</th>
                                    <th class="min-w-100px text-center">Status</th>
                                    <th class="min-w-120px text-center">Actions</th>
                                </tr>
                            </thead>
                            <tbody class="fw-semibold text-gray-800">
                                @forelse($advantages as $advantage)
                                <tr>
                                    <td class="text-center">{{ $loop->iteration }}</td>
                                    <td>
                                        @if($advantage->image)
                                        <img src="{{ asset('storage/' . $advantage->image) }}"
                                            class="rounded w-100px h-60px object-fit-cover"
                                            alt="Advantage Image">
                                        @else
                                        <div class="bg-light rounded d-flex align-items-center justify-content-center w-100px h-60px">
                                            <i class="ki-duotone ki-picture fs-2x text-gray-400"></i>
                                        </div>
                                        @endif
                                    </td>
                                    <td>
                                        <div>
                                            <span class="text-danger fw-bold d-block">{{ $advantage->title_red }}</span>
                                            <span class="text-dark">{{ $advantage->title_black }}</span>
                                        </div>
                                    </td>
                                    <td>{{ Str::limit($advantage->description, 120) }}</td>
                                    <td class="text-center">
                                        <span class="badge {{ $advantage->is_active ?  'bg-success' : 'bg-danger'  }}">
                                            {{ $advantage->is_active ? 'Active' : 'Inactive' }}
                                        </span>
                                    </td>
                                    <td class="text-center">
                                        <a href="{{ route('admin.home-warehouse-advantages.edit', $advantage) }}" class="btn btn-sm btn-warning">Edit</a>

                                        <form action="{{ route('admin.home-warehouse-advantages.destroy', $advantage) }}" method="POST" class="d-inline">
                                            @csrf
                                            @method('DELETE')

                                            <button class="btn btn-sm btn-danger"
                                                onclick="return confirm('Are you sure you want to delete this?')">
                                                Delete
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="7" class="text-center py-10 text-gray-500">
                                        No 3PL advantages found.
                                        <a href="{{ route('admin.home-warehouse-advantages.create') }}" class="link-primary fw-bold">
                                            Add the first one
                                        </a>.
                                    </td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const dataRows = document.querySelectorAll('#kt_table_advantages tbody tr:not([class*="empty"], :has(td[colspan]))');

        if (dataRows.length > 0) {
            new DataTable('#kt_table_advantages', {
                ordering: true,
                order: [
                    [0, 'asc']
                ],
                pageLength: 25,
                responsive: true,
                columnDefs: [{
                    orderable: false,
                    targets: [1, 5]
                }]
            });
        }
    });
</script>
@endpush