@extends('layouts.details')

@section('content')
    <div class="container mx-auto">
        <h1 class="text-2xl font-bold my-4">Ajout d'un enregistrement (PleniTables)</h1>
        <form action="{{ route('plenitable.store') }}" method="POST">
            @csrf

            <div class="mb-4">
                <label for="table_name" class="block text-sm font-medium text-gray-700">TABLE NAME</label>
                <input type="text" name="table_name" id="table_name" value="" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md" required>
            </div>
            <div class="mb-4">
                <label for="table_comment" class="block text-sm font-medium text-gray-700">TABLE COMMENT</label>
                <input type="text" name="table_comment" id="table_comment" value="" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md" required>
            </div>

            
            <div class="mb-4">
                <label for="enabled_flag" class="block text-sm font-medium text-gray-700">Statut</label>
                <select name="enabled_flag" id="enabled_flag" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md">
                    <option value="1">Actif</option>
                    <option value="0">Inactif</option>
                </select>
            </div>

            <div class="mt-4">
                <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded-md">Ajouter</button>
                <a href="{{ route('plenitable.index') }}" class="bg-gray-500 text-white px-4 py-2 rounded-md ml-2">Annuler</a>
            </div>
        </form>
    </div>
@endsection

<style>
    .error-message {
        color: red;
        font-weight: bold;
    }
</style>

@if ($errors->any())
    <div>
        <ul>
            @foreach ($errors->all() as $error)
                <li class="error-message">{{ 'Error : '.$error }}</li>
            @endforeach
        </ul>
    </div>
@endif