@extends('layouts.admin.theme')
@section('title', env('APP_NAME') . ' :: Arquivos do ' . $ponto->ponto)
@section('content')

    <div class="card shadow-sm">
        
        @php $headLine = "<i class='fa-solid fa-map-location-dot fa-2x'></i> Visite Angra - Corredores Turísticos - Lista de Arquivos do {$ponto->ponto}"; @endphp
        
        @include('components.buttons._headLineButtonsBackAdd', [
            'headLine' => __($headLine),
            'routeBack' => 'admin.visiteAngra.pontos.index',
            'routeBackParams' => [], 
            'nameBack' => __("Voltar"),
            'routeAdd' => 'admin.visiteAngra.pontos.arquivos.create',
            'routeAddParams' => [$ponto->id], 
            'nameAdd' => __('Novo arquivo'),
            'permission' => 'GERENCIADOR_VISITE_ANGRA',
            'routeDeleteAll' => 'admin.visiteAngra.pontos.arquivos.removeAll',
            'routeDeleteAllParameters' => [$ponto->id], 
            'messageDeleteAll' => '* Todos os arquivos deste ponto turístico serão removidos, deseja continuar?', 
            'nameDeleteAll' => 'Remover todos os arquivos',
        ])
        
        <div class="card-body">
            
            @include("errors.messageFlash")

            <x-tables._table :thead="['#','Tipo','Data','Pertence a','Nome', 'Status', 'Ações']" :pagination="$arquivos->links()">
                <x-slot name="body">
                    @php $index = 0 @endphp
                        @foreach($arquivos as $arquivo)

                        <tr>
                            <td style="width: 200px;">
                                @include('components.tables._openPhoto',[
                                        'asset' => $arquivo->link,
                                        'alt' => $arquivo->nome,
                                        'title' => $arquivo->nome,
                                        'text' => 'Visualizar foto',
                                        "permission" => "GERENCIADOR_VISITE_ANGRA",
                                    ])
                            </td>
                            <td>{{ $arquivo->tipo }}</td>
                            <td>{{ date("d/m/Y H:m:s", strtotime($arquivo->created_at)) }}</td>
                            <td>
                                <a href="{{ route("admin.visiteAngra.pontos.edit", $ponto->id) }}" class="text-dark">
                                    {{ $arquivo->ponto->ponto }}
                                </a>
                            </td>
                            <td>{{ $arquivo->nome }}</td>
                            <td>

                                @include('components/buttons/_status', [
                                        "index" => $index,
                                        "route" => "admin.visiteAngra.pontos.arquivos.status",
                                        "id" => [$ponto->id, $arquivo->id],
                                        "status" => $arquivo->status,
                                        "permission" => "GERENCIADOR_VISITE_ANGRA",
                                    ])

                            </td>
                            <td>
                                <div class="btn-group" role="group">

                                    @include('components/buttons/_deleteButton', [
                                    "message" => "* Este arquivo será excluído e esta ação não poderá ser desfeita, deseja continuar?",
                                    "route" => "admin.visiteAngra.pontos.arquivos.destroy",
                                    "id" => [$ponto->id, $arquivo->id],
                                    "fontawesome" => null,
                                    "title" => "Excluir",
                                    "permission" => "GERENCIADOR_VISITE_ANGRA",
                                ])

                                </div>
                            </td>
                        </tr>

                        @php $index++ @endphp
                    @endforeach
                </x-slot>
            </x-tables._table>

        </div>
    </div>
@endsection