@extends('layouts.app')
@section('page-metaSEO')
    <title>BCM Soft - Gravite</title>
@endsection
@section('page-css')
    <link rel="stylesheet" href="{{ env('APP_URL') }}/css/administration.css?v={{ env('CACHE_VERSION') }}">
@endsection
@section('content')
    <div class="gravite container">
        <div class="col-lg-12 mt-5 mb-5 d-flex justify-content-between align-items-center">
            <div class="label">
                <h2>Gravite</h2>
            </div>
            <div class="buttons d-flex">
                <div class="button-nouveau  mt-3">
                    Retour
                </div>
                <div class="button-nouveau  mt-3">
                    Creer
                </div>
            </div>
        </div>
        <div class="col-lg-12 d-flex justify-content-between">
            <div class="height-auto item d-flex justify-content-between col-2  gap-5">
                <div class="label">Code*</div>
                <input name="code" type="text" id="code" class="select2 col-12">
            </div>
            <div class="height-auto item d-flex justify-content-between col-9  gap-5">
                <div class="label">libelle*</div>
                <input name="code" type="text" id="code" class="select2 col-11">
            </div>
        </div>
        <div class="col-lg-12 d-flex justify-content-between">
            <div class="description-risque mt-4">
                <div class="header d-flex justify-content-between">
                    <span class="label">Description</span>
                </div>
                <textarea name="description" id="note" placeholder=""></textarea>
            </div>
        </div>
        <p class="mt-3">* Champs obligatoire</p>

        <x-duration></x-duration>
    </div>
@endsection
@section('scripts')
    @include('js.js-home')
@endsection