@extends('layouts.layoutMaster')

@section('title', 'Notificações')

@section('content')
<h4 class="fw-bold py-3 mb-4">
<span class="text-muted fw-light">{{ config('variables.templateName', 'TemplateName') }} / </span> Notificações
</h4>

<!-- Verificação de Mensagens de Sessão -->
@if (session('warning'))
  <div class="alert alert-warning alert-dismissible fade show" role="alert">
    {{ session('warning') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  </div>
@endif

<!-- mensagens para erros -->
@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" aria-label="Close"></button>
  </div>
@endif

<!-- mensagens para sucesso -->
@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" aria-label="Close"></button>
  </div>
@endif

<!-- Formulário para definir o horário de envio e a finalidade -->
<div class="card mb-4">
  <div class="card-body">
    <h5 class="card-title">Configurar Horário de Envio</h5>
    <form action="{{ route('schedule-settings.store') }}" method="POST">
      @csrf
      <input type="hidden" name="user_id" value="{{ auth()->user()->id }}">
      <div class="mb-3">
        <label for="finalidade" class="form-label">Finalidade</label>
        <select class="form-select" id="finalidade" name="finalidade" required>
          <option value="cobranca_3_dias_atras">Cobrança 3 Dias Atrás</option>
          <option value="cobranca_5_dias_atras">Cobrança 5 Dias Atrás</option>
          <option value="cobranca_hoje">Cobrança Hoje</option>
          <option value="cobranca_3_dias_futuro">Cobrança 3 Dias Futuro</option>
        </select>
      </div>
      <div class="mb-3">
        <label for="execution_time" class="form-label">Horário de Envio</label>
        <input type="time" class="form-control" id="execution_time" name="execution_time" required>
      </div>
      <button type="submit" class="btn btn-success">Salvar Configuração</button>
    </form>
  </div>
</div>

<!-- Tabela para exibir as configurações salvas -->
<div class="card mb-4">
  <div class="card-datatable table-responsive">
    <h5 class="card-title">Configurações Salvas</h5>
    <table class="table">

      
      <thead>
        <tr>
          <th>Finalidade</th>
          <th>Horário de Envio</th>
          <th>Status</th>
          <th>Ações</th>
        </tr>
      </thead>
      <tbody>
        @foreach ($settings as $setting)
          <tr>
            <td>{{ $setting->finalidade }}</td>
            <td>{{ $setting->execution_time }}</td>
            <td>
              @if ($setting->status == 'enviado')
                <span class="badge bg-label-secundary me-1" style="background-color: green;">Enviado</span>
              @else
                <span class="badge bg-label-primary me-1" style="background-color: orange;">Pendente</span>
              @endif
            </td>
            <td>
              <form action="{{ route('schedule-settings.destroy', $setting->id) }}" method="POST" onsubmit="return confirm('Tem certeza que deseja deletar esta configuração?');">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-danger">Deletar</button>
              </form>
            </td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>
@endsection