@extends('layouts.app')

@section('content')
    <div class="container-fluid body-content">
        <h2>
            Lista de Imagens
        </h2>
        <div class="row">
          <div class="col-lg-4 col-12 mb-1">
            <form action="{{route('buscar.nome')}}" method="post" class="col-12 d-flex flex-row">
              @csrf
              <div class="col-10">
                  <input type="text" name="nomeImagem" id="nomeImagem" placeholder="Buscar por nome" class="form-control"/>
              </div>
              <div class="col-2 mx-1">
                  <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>
              </div>
            </form>
          </div>          
          <div class="col-lg-4 col-12 mb-1">
            <form action="{{route('buscar.descricao')}}" method="post" class="col-12 d-flex flex-row">
              @csrf
              <div class="col-10">
                  <input type="text" name="descricaoImagem" id="descricaoImagem" placeholder="Buscar pela descrição" class="form-control"/>
              </div>
              <div class="col-2 mx-1">
                  <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>
              </div>
            </form>
          </div>          
          <div class="col-lg-4 col-12 mb-1">
            <form action="{{route('buscar.questao')}}" method="post" class="col-12 d-flex flex-row">
              @csrf
              <div class="col-10">
                  <input type="text" name="questao" id="questao" placeholder="Buscar pela questão" class="form-control"/>
              </div>
              <div class="col-2 mx-1">
                  <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>
              </div>
            </form>
          </div>          
         
        </div>  
        <div class="row">
            @foreach($imgs as $imagem)
                <div class="feature my-3 col-12 col-lg-3">
                    <div class="feature-icon">
                        <div class="imagem">
                            <div class="d-flex flex-row justify-content-between">
                                <h2>{{$imagem->nome}}</h2>
                                <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#myModal"><i class="fa fa-trash"></i></button>
                            </div>
                            <hr>
                            <img src="{{asset($imagem->path_imagem)}}" alt="" width="100%" height="300px">
                            <span>{{"<img src='https://imagem.unitau.br/imagensCRM/public/".$imagem->path_imagem."' />"}}</span>
                            <br>
                        </div>
                    </div>
                </div> 
                
                <!-- Modal de confirmação de exclusão -->
                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h4 class="modal-title" id="myModalLabel">Excluir Imagem</h4>
                          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                          <span>Você tem certeza que quer deletar esta imagem?</span>
                          <img src="{{asset($imagem->path_imagem)}}" alt="Imagem da Questão" height="100%" width="100%">
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-bs-dismiss="modal">Fechar</button>
                          <form action="{{route('deletar', $imagem->id_imagem)}}" method="post">
                              @csrf
                              @method('DELETE')
                              <button type="submit" class="btn btn-danger" href="{{route('deletar', $imagem->id_imagem)}}">Excluir</button>
                          </form>
                        </div>
                      </div>
                    </div>
                 </div>  
            @endforeach    
        </div>
    </div>

@endsection