@extends('adminlte::page')

@section('title_postfix', ' - Imagens > Site')

@section('content_header')
    <h1>Imagens — Site</h1>
@stop

@section('content')



    <div class="box box-primary" style="margin-top: 2px;">
        {{--<div class="box-header">--}}
            {{--<h3 class="box-title">Lista de Imagens</h3>--}}
        {{--</div>--}}
        <div class="box-body">

            @if(sizeof($headers) === 0)
                <div class="text-center">Nenhum registo encontrado. Verifique o ficheiro de configuracoes.</div>
            @endif

            <table id="table" class="table" style="width:100%">
                <thead>
                <tr>
                    <th hidden>Positions</th>
                    <th hidden>Name</th>
                    <th hidden>Options</th>
                </tr>
                </thead>
                <tbody>
                @foreach($headers as $header)
                    @php $header_banners = []; @endphp

                    @foreach($banners as $banner)
                        @if($banner->category === $header->name)
                            @php array_push($header_banners, $banner) @endphp
                        @endif
                    @endforeach

                    <tr>
                        <td colspan="2"><h4 style="font-weight: bold">{{ $header->name }} ({{ $header->limit }})</h4></td>
                        <td class="col-md-1 text-center">
                            @if(sizeof($header_banners) !== $header->limit)
                                <a href="{{ config('app.url') }}/banner/create/{{ encrypt($header) }}/{{ $g }}" class="btn btn-primary"><i class="fa fa-plus"></i></a>
                            @endif
                        </td>
                    </tr>

                    @foreach($header_banners as $banner)
                        @if($banner->category === $header->name)
                            <tr>
                                <td colspan="2">
                                    <h4>{{ $banner->title }}</h4>
                                    <p>{{ $banner->description }}</p>
                                    
                                    <p>
                                        <a href="{{ config('app.url') }}/banner/edit/{{ $banner->id }}/{{$g}}" class="btn btn-primary"><i class="fa fa-edit"></i>&nbsp;Editar</a>
                                        <!--<a href="{{ config('app.url') }}/banner/del/{{ $banner->id }}/{{ $g}}" class="btn btn-danger"><i class="fa fa-trash"></i>&nbsp;Apagar</a>-->
                                    
                                         <a href="#" class="btn btn-danger" onclick="confirmDelete(event, '{{ config('app.url') }}/banner/del/{{ $banner->id }}/{{ $g}}')">
    <i class="fa fa-trash"></i>&nbsp;Apagar
</a>
                                    
                                    
                                    
                                    </p>
                                </td>
                                <td class="text-center">
                                 
                                                      
                                                      
                   <img class="img-resposive img-thumbnail" style="width:120px;" src="{{ env('APP_URL_IMG') }}/laravel/storage/app/public/{{ $banner->image }}" alt="{{ $banner->title }}">
          
                           
                                    
                                    
                                    <!--<img class="img-responsive img-rounded" src="{{ config('app.url') }}/api/image?f={{ $banner->image }}" alt="{{ $banner->title }}">-->
                                </td>
                            </tr>
                        @endif
                    @endforeach
                @endforeach
                </tbody>
            </table>

        </div>
    </div>

@stop

@section('css')
    <style>
        td {
            vertical-align: middle !important;
        }
    </style>
@endsection

@section('js')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

  <script>
       
        function confirmDelete(event, url) {
    event.preventDefault(); // Prevent immediate navigation

    Swal.fire({
        title: 'Tem certeza?',
        text: 'Esta ação não pode ser desfeita!',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#3085d6',
        confirmButtonText: 'Sim, apagar!',
        cancelButtonText: 'Cancelar'
    }).then((result) => {
        if (result.isConfirmed) {
            window.location.href = url; // Proceed with deletion
        }
    });
}
    </script>
@endsection