@extends('admin.template.layout')

@section('title', 'modelo de documentos')
@section('conteudo')
    <div class="container-fluid px-4 py-5">
        <div class="d-flex flex-wrap justify-content-between align-items-center mb-4 shadow-lg p-4">
            <div class="mb-3">
                <h1 class="h3 mb-2 fw-bold text-orange-dark">
                    Gerenciamento de documentacao
                </h1>
                <p class="text-muted mb-0">Visualize e gerencie todos os documentos cadastrados no sistema</p>
            </div>
            <div>
                <a href="{{ route('typeDocuments.create') }}" class="btn-orange-500 text-decoration-none">
                    <i class="fas fa-file me-2"></i>
                    Novo Documento
                </a>

            </div>
        </div>

        <div class="card border-0 shadow-lg rounded-3">
            <div class="card-body p-4">


                <div class="table-responsive">
                    <table class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th scope="col" class="text-center py-3 px-3">#</th>
                                <th scope="col" class="py-3 px-3">Nome</th>
                                <th scope="col" class="text-center py-3 px-3">categoria</th>
                                <th scope="col" class="py-3 px-3">grupo</th>
                                <th scope="col" class="text-center py-3 px-3">Obrigatorio</th>
                                <th scope="col" class="text-center py-3 px-3">Criado em</th>
                                <th scope="col" class="text-center py-3 px-3">Atualizado em</th>
                                <th scope="col" class="text-center py-3 px-3">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($documentFixed as $value)
                                <tr>
                                    <th class="text-center px-3" scope="row">{{ $value->id }}</th>
                                    <td class="px-3">
                                        <div>
                                            <h6 class="mb-0">
                                                {{ \Illuminate\Support\Facades\Lang::has('documentFixeds.' . $value->name)
                                                    ? __('documentFixeds.' . $value->name)
                                                    : $value->name }}
                                            </h6>
                                        </div>
                                    </td>
                                    <td class="text-center px-3">
                                        <span class="badge rounded-pill text-brown-900 bg-orange-dark px-3 py-2">
                                            {{ implode(', ', $value->category ?? []) }}

                                        </span>
                                    </td>
                                    <td class="px-3">{{ $value->group }}</td>
                                    <td class="text-center px-3">
                                        @if ($value->is_required === true)
                                            <span class="badge rounded-pill text-bg-danger">Sim</span>
                                        @else
                                            <span class=" badge rounded-pill text-bg-secondary">Nao</span>
                                        @endif
                                    </td>
                                    
                                    <td class="text-center px-3">
                                        <div class="d-flex flex-column">
                                            <span class="fw-medium">{{ $value->created_at->format('d/m/Y') }}</span>
                                            <small class="text-muted">{{ $value->created_at->format('H:i') }}</small>
                                        </div>
                                    </td>
                                    <td class="text-center px-3">
                                        <div class="d-flex flex-column">
                                            <span class="fw-medium">{{ $value->updated_at->format('d/m/Y') }}</span>
                                            <small class="text-muted">{{ $value->updated_at->format('H:i') }}</small>
                                        </div>
                                    </td>
                                    <td class="text-center px-4">
                                        <div class="d-flex justify-content-center gap-2 align-items-center">

                                            <a href="{{ route('typeDocuments.edit', $value->id) }}"
                                                class="btn btn-sm  d-flex align-items-center justify-content-center"
                                                style="height:32px; width:32px;" title="Editar">
                                                <i class="fas fa-pen text-brown-900" style="font-size:1rem;"></i>
                                            </a>

                                            <form action="{{ route('typeDocuments.destroy', $value->id) }}" method="post"
                                                class="d-inline">
                                                @csrf
                                                @method('delete')
                                                <button type="submit"
                                                    class="btn btn-sm  d-flex align-items-center justify-content-center"
                                                    style="height:32px; width:32px;" title="Deletar"
                                                    onclick="event.preventDefault();
                                                                 if(confirm('Você tem certeza que deseja excluir o documento {{ $value->name }}?')) {
                                                                     this.form.submit();
                                                                 }">
                                                    <i class="fas fa-trash text-danger" style="font-size:1rem;"></i>
                                                </button>
                                            </form>

                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    @endsection