@extends('adminlte::page')

@section('title_postfix', ' - Categorias da Galeria')

@section('content_header')
  <h1 style="display: inline-block;">Categorias da Galeria</h1>
  <a href="{{ env('APP_URL') }}/gallery_category/create" class="btn btn-success" style="float: right;"><i class="fa fa-plus"></i>&nbsp;Nova Categoria</a>
@stop


@section('content')

 <div class="box box-primary" style="margin-top: 2px;">
        
        <div class="box-body">

            <table id="table" class="table table-striped table-bordered" style="width:100%">
                <thead>
                <tr>
                    <th>Id</th>
                    <th>Nome</th>
                    <th>Pasta</th>
                   
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @foreach($gallery_category as $category)
              
                    <tr>
                        <td>{{ $category['id'] }}</td>
                        <td>{{ $category['name'] }}</td>
                        <td>{{ $category['folder'] }}</td>
                    
                        <td>
                            <a href="{{ env('APP_URL') }}/gallery_category/edit/{{ $category['id'] }}" class="btn btn-primary"><i class="fa fa-edit"></i>&nbsp;Editar</a>
                            <!--<a href="{{ env('APP_URL') }}/gallery_category/del/{{ $category['id'] }}" class="btn btn-danger"><i class="fa fa-trash"></i>&nbsp;Apagar</a>-->
                                                              <a href="#" class="btn btn-danger" onclick="confirmDelete(event, '{{ env('APP_URL') }}/gallery_category/del/{{ $category['id'] }}')">
    <i class="fa fa-trash"></i>&nbsp;Apagar
</a>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
@if(session('message'))
    <div class="alert alert-success" role="alert">
        {{ session('message') }}
    </div>
@endif

        </div>
    </div>
  <!--</div>-->
@stop

@section('css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/min/dropzone.min.css">
<style>
  .dropzone {
    border:2px dashed #999999;
    border-radius: 10px;
  }
  .dropzone .dz-default.dz-message {
    height: 171px;
    background-size: 132px 132px;
    margin-top: -101.5px;
    background-position-x:center;

  }
  .dropzone .dz-default.dz-message span {
    display: block;
    margin-top: 145px;
    font-size: 20px;
    text-align: center;
  }
</style>



@endsection

@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/min/dropzone.min.js"></script>
  <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