@extends('layouts.app')

@section('content')
<div class="page-header">
    <div class="add-item d-flex">
        <div class="page-title">
            <h4>Liste des magasins</h4>
            <h6>Gérer toutes les magasins</h6>
        </div>
    </div>
    <ul class="table-top-head">
        <li>
            <a href="javascript:void(0);" onclick="location.reload();" data-bs-toggle="tooltip" title="Refresh">
                <i data-feather="rotate-ccw"></i>
            </a>
        </li>
    </ul>
    <div class="page-btn">
        <a href="#" class="btn btn-added" data-bs-toggle="modal" data-bs-target="#add-magasin">
            <i data-feather="plus-circle" class="me-2"></i>Créer un magasin
        </a>
    </div>
</div>
<div class="card table-list-card">
    <div class="card-body">
        @if($magasins->count() > 0)
            <div class="table-responsive product-list">
                <table class="table datanew">
                    <thead>
                        <tr>
                            <th>Image</th>
                            <th>Nom</th>
                            <th>Emplacement</th>
                            <th>Contact</th>
                            <th>Crée le</th>
                            <th>Manager</th>
                            <th>Services</th>
                            <th>Status</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($magasins as $magasin)
                            <tr>
                                <td>
                                    @if($magasin->image && file_exists(public_path('images/products/' . $magasin->image)))
                                        <img src="{{ asset('images/products/' . $magasin->image) }}" alt="image-{{ $magasin->name }}" class="img-thumbnail" width="50">
                                    @else
                                        <img src="{{ asset('assets/img/default.jpg') }}" alt="image défaut" class="img-thumbnail" width="50">
                                        @if($magasin->image)
                                            <p class="text-danger">Image non trouvée dans products : {{ $magasin->image }}</p>
                                        @endif
                                    @endif
                                </td>
                                <td>{{ $magasin->name }}</td>
                                <td>{{ $magasin->location ?? 'Non défini' }}</td>
                                <td>{{ $magasin->contact }}</td>
                                <td>{{ $magasin->created_at->translatedFormat('d M Y') }}</td>
                                <td>{{ $magasin->manager->name ?? '—' }}</td>
                                <td>
                                    <span class="badge {{ $magasin->services_enabled == '1' ? 'badge-linesuccess' : 'badge-linedanger' }}">
                                        {{ $magasin->services_enabled == '1' ? 'Activés' : 'Inactifs' }}
                                    </span>
                                </td>
                                <td>
                                    <span class="badge {{ $magasin->status ? 'badge-linesuccess' : 'badge-linedanger' }}">
                                        {{ $magasin->status ? 'Active' : 'Inactive' }}
                                    </span>
                                </td>
                                <td class="action-table-data">
                                    <div class="edit-delete-action">
                                        <a class="me-2 edit-icon p-2" href="#" data-bs-toggle="modal" data-bs-target="#edit-magasin-{{ $magasin->id }}">
                                            <i data-feather="edit" class="feather-edit"></i>
                                        </a>
                                        <a class="p-2" href="#" onclick="confirmDeletion(event, {{ $magasin->id }})">
                                            <i data-feather="trash-2" class="feather-trash-2"></i>
                                        </a>
                                        <form id="delete-magasin-{{ $magasin->id }}" action="{{ route('communities.magasins.destroy', $magasin->id) }}" method="POST" class="d-none">
                                            @csrf
                                            @method('DELETE')
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            @include('communities.magasins.partials.edit', ['magasin' => $magasin])
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <p class="text-center text-danger">Aucun magasin trouvé.</p>
        @endif
    </div>
</div>
@include('communities.magasins.partials.add')
<script>
    function confirmDeletion(event, magasinId) {
        event.preventDefault();
        Swal.fire({
            title: "Êtes-vous sûr ?",
            text: "Cette action est irréversible !",
            icon: "warning",
            showCancelButton: true,
            confirmButtonColor: "#d33",
            cancelButtonColor: "#3085d6",
            confirmButtonText: "Oui, supprimer !",
            cancelButtonText: "Annuler"
        }).then((result) => {
            if (result.isConfirmed) {
                document.getElementById(`delete-magasin-${magasinId}`).submit();
            }
        });
    }
</script>
@endsection