@extends('adminlte::page')

@section('title_postfix', ' - Service')

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

@section('content')
<style>
    .pink-bg {
    background-color: #db7093;
}

.blue-bg {
    background-color: #3c8dbc;
}

.yellow-bg {
    background-color: orange;
}
.gray-bg {
    background-color: gray;
    color:#fff;
    cursor:not-allowed;
}
.gray-bg:hover {
    background-color: gray;
    color:#fff;
    cursor:not-allowed;
}
</style>
    <div class="box box-primary" style="margin-top: 2px">
<!--        <div class="box-header">
            <h3 class="box-title">Lista de elementos da secção "O que fazemos"</h3>
        </div>-->
        <div class="box-body">

            <table id="table" class="table table-striped table-bordered" style="width:100%">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Título Pequeno</th>
                    <th>Título</th>
                  
                 
                    <th>Data</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @foreach($services as $service)
                    <tr>
                        <td>{{ $service->id }}</td>
                           <td>{{ $service->small_title }}</td>
                        <td>{{ $service->title }}</td>

                        <td>{{ $service->created_at }}</td>
                        <td>
                            <a href="{{ config('app.url') }}/service/edit/{{ $service->id }}" class="btn btn-primary"><i class="fa fa-edit"></i>&nbsp;Editar</a>
                               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <!--<a href="{{ config('app.url') }}/service/del/{{ $service->id }}" 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') }}/service/del/{{ $service->id }}')">
    <i class="fa fa-trash"></i>&nbsp;Apagar
</a>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>

        </div>
    </div>

@stop

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

    <script>
        $(document).ready(function() {
            $('#table').DataTable({
                "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)"
                }
            });
        } );
      
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