@extends('layouts.master')

@section('title')
    Rubriques budgétaires
@endsection

@section('content')
<div class="container-fluid">

    <!-- Bouton Ajouter -->
    <div class="d-sm-flex align-items-center justify-content-end mb-4">
        <a href="#collapseRubrique" class="btn btn-sm btn-primary shadow-sm" data-toggle="collapse">
            <i class="fas fa-plus fa-sm text-white-50"></i> Ajouter une rubrique
        </a>
    </div>

    <!-- Formulaire -->
    <div class="row">
        <div class="col-sm-10 offset-sm-1">
            <div class="card shadow mb-4 collapse" id="collapseRubrique">
                <div class="card-body">

                    <form method="POST" action="{{ route('rubriques.store') }}">
                        @csrf

                        <!-- Identification -->
                        <div class="form-group">
                            <div class="row">
                                <div class="col-sm-4">
                                    <label>Code rubrique</label>
                                    <input type="text" name="code"
                                           class="form-control @error('code') is-invalid @enderror"
                                           value="{{ old('code') }}"
                                           placeholder="Code budgétaire (ex: 601, 702…)"
                                           required>
                                </div>

                                <div class="col-sm-8">
                                    <label>Libellé</label>
                                    <input type="text" name="libelle"
                                           class="form-control @error('libelle') is-invalid @enderror"
                                           value="{{ old('libelle') }}"
                                           required>
                                </div>
                            </div>
                        </div>

                        <!-- Typologie budgétaire -->
                        <div class="form-group mt-3">
                            <div class="row">
                                <div class="col-sm-4">
                                    <label>Type de budget</label>
                                    <select name="type_budget"
                                            class="form-control @error('type_budget') is-invalid @enderror"
                                            required>
                                        <option value="">-- Sélectionner --</option>
                                        <option value="DEPENSE" {{ old('type_budget') == 'DEPENSE' ? 'selected' : '' }}>
                                            Dépense
                                        </option>
                                        <option value="RECETTE" {{ old('type_budget') == 'RECETTE' ? 'selected' : '' }}>
                                            Recette
                                        </option>
                                    </select>
                                </div>

                                <div class="col-sm-4">
                                    <label>Nature</label>
                                    <select name="nature"
                                            class="form-control @error('nature') is-invalid @enderror"
                                            required>
                                        <option value="">-- Sélectionner --</option>
                                        <option value="FONCTIONNEMENT" {{ old('nature') == 'FONCTIONNEMENT' ? 'selected' : '' }}>
                                            Fonctionnement
                                        </option>
                                        <option value="INVESTISSEMENT" {{ old('nature') == 'INVESTISSEMENT' ? 'selected' : '' }}>
                                            Investissement
                                        </option>
                                    </select>
                                </div>

                                <div class="col-sm-4">
                                    <label>Ordre d’affichage</label>
                                    <input type="number" name="ordre_affichage"
                                           class="form-control @error('ordre_affichage') is-invalid @enderror"
                                           value="{{ old('ordre_affichage', 1) }}"
                                           min="1">
                                </div>
                            </div>
                        </div>

                        <!-- Compte Syscohada -->
                        <div class="form-group mt-3">
                            <label>Compte Syscohada</label>
                            <select name="comptesyscohada_id"
                                    class="form-control @error('comptesyscohada_id') is-invalid @enderror"
                                    required>
                                <option value="">-- Sélectionner un compte --</option>
                                @foreach ($comptesyscohadas as $comptesyscohada)
                                    <option value="{{ $comptesyscohada->id }}" {{ old('comptesyscohada_id') == $comptesyscohada->id ? 'selected' : '' }}>
                                        {{ $comptesyscohada->code }} - {{ $comptesyscohada->libelle }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <!-- Description -->
                        <div class="form-group mt-3">
                            <label>Description</label>
                            <textarea name="description"
                                      class="form-control @error('description') is-invalid @enderror"
                                      rows="3">{{ old('description') }}</textarea>
                        </div>

                        <!-- Statut -->
                        <div class="form-group mt-3">
                            <div class="custom-control custom-switch">
                                <input type="checkbox"
                                       class="custom-control-input"
                                       id="actif"
                                       name="actif"
                                       value="1"
                                       {{ old('actif', true) ? 'checked' : '' }}>
                                <label class="custom-control-label" for="actif">
                                    Rubrique active
                                </label>
                            </div>
                        </div>

                        <!-- Bouton -->
                        <div class="row mt-4">
                            <div class="col-sm-6 offset-sm-3">
                                <button type="submit" class="btn btn-primary btn-block">
                                    Enregistrer la rubrique
                                </button>
                            </div>
                        </div>

                    </form>

                </div>
            </div>
        </div>
    </div>

    <!-- Tableau rubriques -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Liste des rubriques budgétaires</h6>
        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped"
                      id="dataTable"
                      width="100%"
                      cellspacing="0"
                      style="font-size: 0.8em;">

                    <thead class="thead-dark">
                        <tr>
                            <th>Code</th>
                            <th>Libellé</th>
                            <th>Compte Syscohada</th>
                            <th>Type budget</th>
                            <th>Nature</th>
                            <th>Ordre</th>
                            <th>Statut</th>
                            {{-- <th>Créée le</th> --}}
                            <th>Actions</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach ($rubriques as $rubrique)
                            <tr>
                                <td>{{ $rubrique->code }}</td>
                                <td>{{ $rubrique->libelle }}</td>
                                <td>
                                    @if($rubrique->comptesyscohada)
                                        {{ $rubrique->comptesyscohada->code }} - {{ $rubrique->comptesyscohada->libelle }}
                                    @else
                                        <em>Non défini</em>
                                    @endif
                                </td>
                                <td>
                                    <span class="badge badge-{{ $rubrique->type_budget === 'DEPENSE' ? 'danger' : 'success' }}">
                                        {{ $rubrique->type_budget }}
                                    </span>
                                </td>
                                <td>
                                    <span class="badge badge-info">
                                        {{ $rubrique->nature }}
                                    </span>
                                </td>
                                <td class="text-center">{{ $rubrique->ordre_affichage }}</td>
                                <td class="text-center">
                                    @if($rubrique->actif)
                                        <span class="badge badge-success">Active</span>
                                    @else
                                        <span class="badge badge-secondary">Inactive</span>
                                    @endif
                                </td>
                                {{-- <td>{{ $rubrique->created_at->format('d/m/Y') }}</td> --}}
                                <td class="text-right">
                                    <a href="{{ route('rubriques.edit', ['rubrique' => $rubrique->id]) }}"
                                      class="btn btn-warning btn-circle btn-sm" title="Modifier">
                                        <i class="fas fa-edit"></i>
                                    </a>

                                    <a href="#"
                                      class="btn btn-danger btn-circle btn-sm"
                                      title="Supprimer"
                                      onclick="if(confirm('Voulez-vous vraiment supprimer cette rubrique ?'))
                                      {document.getElementById('form-{{ $rubrique->id }}').submit()}">
                                        <i class="fas fa-trash"></i>
                                    </a>

                                    <form id="form-{{ $rubrique->id }}"
                                          action="{{ route('rubrique.supprimer', ['rubrique' => $rubrique->id]) }}"
                                          method="POST">
                                        @csrf
                                        @method('DELETE')
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>

                </table>
            </div>
        </div>
    </div>

</div>
@endsection