@extends('Componentes.app')

@section('title', 'Dias de não funcionamento do D0')
@section('D0')
<div class="container">
    <h4 class="mb-4 text-center fw-bold">Cadastro de Dias do Bloqueados</h4>

    <!-- Botão para abrir o modal -->
    <div class="mb-3 text-end">
        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addDayModal">
            <i class="bi bi-calendar-plus"></i> Adicionar Dia
        </button>
    </div>

       @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <!-- Tabela com os dias cadastrados -->
    <div class="table-responsive">
        <table class="table table-striped table-hover shadow-sm">
            <thead class="table-dark text-center">
                <tr>
                    <th>Data Bloqueada</th>
                    <th>Descrição</th>
                    <th>Ações</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($days as $day)
                    <tr class="text-center">
                        <td>{{ \Carbon\Carbon::parse($day->closed_date)->format('d/m/Y') }}</td>
                        <td>{{ $day->name }}</td>
                        <td>
                            <form action="{{ route('d0.closed-days-destroy', $day->id) }}" method="POST" onsubmit="return confirm('Tem certeza que deseja excluir?');" class="d-inline-block">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger">
                                    <i class="bi bi-trash"></i> Excluir
                                </button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="3" class="text-center text-muted">Nenhum dia cadastrado.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<!-- Modal de Adição -->
<div class="modal fade" id="addDayModal" tabindex="-1" aria-labelledby="addDayModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content shadow">
            <div class="modal-header">
                <h5 class="modal-title">Adicionar Dia</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form action="{{ route('d0.closed-days-store') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="day" class="form-label">Dia do Mês</label>
                        <label for="date" class="form-label">Data</label>
                        <input type="date" class="form-control" id="date" name="closed_date" required>

                    </div>
                    <div class="mb-3">
                        <label for="description" class="form-label">Descrição</label>
                        <input type="text" class="form-control" id="name" name="name">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success">Salvar</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection