@extends('adminlte::page')

@section('title_aboutfix', ' - Apoios')

@section('content_header')
    <h1 style="display: inline-block;">Apoios / Financiamentos</h1>
    <a href="{{ config('app.url') }}/apoio/create" class="btn btn-success" style="float: right;"><i class="fa fa-plus"></i>&nbsp;Novo Apoio</a>
@stop

@section('content')
    <div class="box box-primary" style="margin-top: 2px;">
        <div class="box-header">
            <h3 class="box-title">Barra de apoios (fixa no fundo do site)</h3>
        </div>
        <div class="box-body">

            <table id="table" class="table table-striped table-bordered" style="width:100%">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Ordem</th>
                    <th>Título (link)</th>
                    <th>Ficha</th>
                    <th>Imagem (barra)</th>
                    <th>Link externo imagem</th>
                    <th>Publicado</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @foreach($apoios as $apoio)
                    <tr>
                        <td>{{ $apoio->id }}</td>
                        <td>{{ $apoio->ordem }}</td>
                        <td>{{ $apoio->title }}</td>
                        <td>
                            @if($apoio->file)
                                <a href="{{ config('app.url_img') }}ficha/{{ $apoio->id }}" target="_blank"><i class="fa fa-file"></i>&nbsp;Abrir</a>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>
                            @if($apoio->image)
                                <img src="{{ config('app.url_img') }}laravel/storage/app/public/{{ $apoio->image }}" style="max-height:40px; max-width:220px;">
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>
                            @if($apoio->image_url)
                                <a href="{{ $apoio->image_url }}" target="_blank">{{ $apoio->image_url }}</a>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>
                            @if($apoio->active)
                                <span class="label label-success">Sim</span>
                            @else
                                <span class="label label-default">Não</span>
                            @endif
                        </td>
                        <td>
                            <a href="{{ config('app.url') }}/apoio/edit/{{ $apoio->id }}" class="btn btn-primary"><i class="fa fa-edit"></i>&nbsp;Editar</a>
                            &nbsp;&nbsp;
                            <a href="#" class="btn btn-danger" onclick="confirmDelete(event, '{{ config('app.url') }}/apoio/del/{{ $apoio->id }}')">
                                <i class="fa fa-trash"></i>&nbsp;Apagar
                            </a>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>

        </div>
    </div>

@stop

@section('js')
    <script>
        $(document).ready(function() {
            $('#table').DataTable({
                "order": [[1, "asc"]],
                "language": {
                    "lengthMenu": "Mostrar _MENU_ registos por pagina",
                    "zeroRecords": "Nada encontrado - desculpa",
                    "info": "Pagina _PAGE_ de _PAGES_",
                    "infoEmpty": "Nenhum registo disponivel",
                    "infoFiltered": "(filtrado de _MAX_ maximo registos)"
                }
            });
        } );
    </script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        function confirmDelete(event, url) {
            event.preventDefault();
            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;
                }
            });
        }
    </script>
@endsection