@extends('backend/include/layout')
<!-- title -->
@section('title')
    Enregistrement Rubrique Tarif || {{ env('APP_NAME') }}
@endsection

@section('fil-arial')
    <div class="pagetitle">
        <h1>Rubriques Tarifs</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#" style="text-decoration: none;">Accueil</a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.parametres') }}"
                        style="text-decoration: none;">Paramètres</a></li>
                <li class="breadcrumb-item"><a href="{{ route('rubriquestarifs.index') }}"
                        style="text-decoration: none;">Rubriques Tarifs</a> </li>
                <li class="breadcrumb-item active">Enregistrement </li>
            </ol>
        </nav>
    </div>
@endsection

@section('contenu')
    <section class="section">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Enregistrement</h5>
                        <!-- General Form Elements -->
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <strong>Error!</strong>
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <form action="{{ route('rubriquestarifs.store') }}" method="post">
                            @csrf
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <label for="inputText" class=" col-form-label">Rubrique <i
                                            class="text-danger">*</i></label>
                                    <div>
                                        <select name="rubrique_id" id="rubrique_id" class="form-select">
                                            <option value="">--- Sélectionner une rubrique ---</option>
                                            @foreach ($rubriques as $item)
                                                <option value="{{ $item->id }}">{{ $item->libelle }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label for="inputText" class=" col-form-label">Rubrique Type <i
                                            class="text-danger">*</i></label>
                                    <div>
                                        <select name="typerubrique_id" id="typerubrique_id" class="form-select">
                                            <option value="">--- Sélectionner une rubrique type ---</option>
                                            @foreach ($typesrubriques as $item)
                                                <option value="{{ $item->id }}">{{ $item->libelle }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <label for="inputText" class=" col-form-label">Catégorie <i
                                            class="text-danger">*</i></label>
                                    <div>
                                        <select name="categorie_id" id="categorie_id" class="form-select">
                                            <option value="">--- Sélectionner une catégorie ---</option>
                                            @foreach ($categories as $item)
                                                <option value="{{ $item->id }}">{{ $item->libelle }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label for="inputText" class=" col-form-label">Grille Tarifaire <i
                                            class="text-danger">*</i></label>
                                    <div>
                                        <select name="grilletarifaire_id" id="grilletarifaire_id" class="form-select">
                                            <option value="">--- Sélectionner une grille tarifaire ---</option>
                                            @foreach ($grillestarifaires as $item)
                                                <option value="{{ $item->id }}">{{ $item->description }} - {{ $item->montant }} XOF</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <label for="inputText" class=" col-form-label">Date début <i class="text-danger">*</i></label>
                                    <div class="input-group">
                                        <input name="start_validite" id="start_validite" type="date" required class="form-control"/>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label for="inputText" class=" col-form-label">Date fin <i class="text-danger">*</i></label>
                                    <div class="input-group">
                                        <input name="end_validite" id="end_validite" required type="date" class="form-control"/>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <label for="inputText" class=" col-form-label">Description</label>
                                    <div class="input-group">
                                        <textarea name="description" id="description" cols="10" rows="5" class="form-control"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="row mb-3 mt-3">
                                <div class="col-md-6">
                                    <button type="submit" class="btn btn-primary">Enregistrer</button>
                                </div>
                            </div>
                        </form><!-- End General Form Elements -->
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

<!-- jsScript -->
@section('script-js')
    <script>
        $(document).ready(function() {
            // remove menu active
            $("ul").removeClass('show');
            $("ul li a").removeClass('active');
            // active menu
            $("#parametres").removeClass('collapsed');
        });
    </script>
@endsection