@extends('layouts._includes.admin.Header')
@section('titulo', 'Visualizar Imagem')

@section('conteudo')

    <div class="content-wrapper">
        <!-- START PAGE CONTENT-->
        <div class="page-content fade-in-up">
            <div class="col-md-12">
                <a href="{{ route('admin.galeria_imagens.listar') }}" class="btn btn-secondary">
                    <i class="fa fa-arrow-left"></i> Voltar
                </a>
                <a href="{{ route('admin.galeria_imagens.por_album', $imagem->album->id) }}" class="btn btn-info">
                    <i class="fa fa-photo"></i> Ver Álbum
                </a>
                @if (Auth::user()->id_nivel_usuario <= 3)
                    <a href="{{ route('admin.galeria_imagens.editar', $imagem->id) }}" class="btn btn-primary">
                        <i class="fa fa-edit"></i> Editar
                    </a>
                @endif
            </div>
            <div class="col-md-12">
                <div class="ibox">
                    <div class="ibox-head">
                        <div class="ibox-title">Visualizar Imagem: {{ $imagem->vc_legenda ?? 'Sem legenda' }}</div>
                        <div class="ibox-tools">
                            <a class="ibox-collapse"><i class="fa fa-minus"></i></a>
                        </div>
                    </div>
                    <div class="ibox-body">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="card">
                                    <div class="card-header">
                                        <h5>Imagem</h5>
                                    </div>
                                    <div class="card-body text-center">
                                        <img src="{{ $imagem->url_imagem }}"
                                             class="img-fluid"
                                             style="max-height: 500px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);"
                                             alt="{{ $imagem->vc_legenda ?? 'Sem legenda' }}">

                                        <div class="mt-3">
                                            <a href="{{ $imagem->url_imagem }}" target="_blank" class="btn btn-outline-primary">
                                                <i class="fa fa-search-plus"></i> Ver em tamanho real
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="card">
                                    <div class="card-header">
                                        <h5>Informações da Imagem</h5>
                                    </div>
                                    <div class="card-body">
                                        <table class="table table-bordered">
                                            <tr>
                                                <th width="120">ID:</th>
                                                <td>{{ $imagem->id }}</td>
                                            </tr>
                                            <tr>
                                                <th>Álbum:</th>
                                                <td>
                                                    <a href="{{ route('admin.albuns.ver', $imagem->album->id) }}">
                                                        {{ $imagem->album->vc_titulo }}
                                                    </a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>Legenda:</th>
                                                <td>{{ $imagem->vc_legenda ?? 'Sem legenda' }}</td>
                                            </tr>
                                            <tr>
                                                <th>Status:</th>
                                                <td>
                                                    @if ($imagem->vc_status == 'visivel')
                                                        <span class="badge badge-success">Visível</span>
                                                    @else
                                                        <span class="badge badge-secondary">Oculta</span>
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>Arquivo:</th>
                                                <td>
                                                    <small>{{ basename($imagem->vc_caminho_imagem) }}</small>
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>Data Upload:</th>
                                                <td>{{ $imagem->created_at->format('d/m/Y H:i:s') }}</td>
                                            </tr>
                                            <tr>
                                                <th>Última Atualização:</th>
                                                <td>{{ $imagem->updated_at->format('d/m/Y H:i:s') }}</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>

                                <div class="card mt-3">
                                    <div class="card-header">
                                        <h5>Detalhes do Álbum</h5>
                                    </div>
                                    <div class="card-body">
                                        <h6>{{ $imagem->album->vc_titulo }}</h6>
                                        <p class="text-muted">{{ Str::limit($imagem->album->txt_descricao ?? 'Sem descrição', 100) }}</p>

                                        <p>
                                            <strong>Status do Álbum:</strong>
                                            @if ($imagem->album->vc_status == 'publicado')
                                                <span class="badge badge-success">Publicado</span>
                                            @elseif($imagem->album->vc_status == 'rascunho')
                                                <span class="badge badge-warning">Rascunho</span>
                                            @else
                                                <span class="badge badge-secondary">Oculto</span>
                                            @endif
                                        </p>

                                        <div class="mt-3">
                                            <a href="{{ route('admin.galeria_imagens.por_album', $imagem->album->id) }}"
                                               class="btn btn-sm btn-outline-info w-100">
                                                Ver todas as imagens do álbum
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                @if (Auth::user()->id_nivel_usuario == 1 || Auth::user()->id_nivel_usuario == 2)
                                <div class="card mt-3">
                                    <div class="card-header">
                                        <h5>Ações Administrativas</h5>
                                    </div>
                                    <div class="card-body">
                                        <a href="{{ route('admin.galeria_imagens.eliminar', $imagem->id) }}"
                                           class="btn btn-danger btn-sm w-100"
                                           data-confirm="Tem certeza que deseja eliminar esta imagem?">
                                            <i class="fa fa-trash"></i> Eliminar Imagem
                                        </a>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        $(document).ready(function() {
            //start delete
            $('a[data-confirm]').click(function(ev) {
                var href = $(this).attr('href');
                if (!$('#confirm-delete').length) {
                    $('body').append(
                        '<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog" role="document"><div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Eliminar imagem</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body">Tem certeza que pretende eliminar esta imagem?</div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button> <a  class="btn btn-danger" id="dataConfirmOk">Eliminar</a> </div></div></div></div>'
                    );
                }
                $('#dataConfirmOk').attr('href', href);
                $('#confirm-delete').modal({
                    shown: true
                });
                return false;
            });
            //end delete
        });
    </script>

@endsection