@extends('layouts.app')

@section('content')

<div class="card">
    <div class="card-header">{{ __('Dashboard') }}</div>

    <div class="card-body">
        @if (session('status'))
            <div class="alert alert-success" role="alert">
                {{ session('status') }}
            </div>
        @endif

        {{ __('pages/home.title') }}

        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modal-context">
            Launch demo modal
          </button>

        <x-dialogs.c-r-u-d
            editionMode="{{ \App\View\Components\Dialogs\CRUD::EDIT_MODE_UPDATE }}" 
            modalId="modal-context" 
            modalTitleCreate="Create a context" 
            modalTitleUpdate="Update the context" 
            deleteConfirmationMessage="Do you want to delete this context ?" 
            submitStoreAction="alert('Store')" 
            submitUpdateAction="alert('Update')" 
            submitDeleteAction="alert('delete')"  
            inputIdWithFocus="inputName"
        >
            <div class="mb-3">
                <label for="inputName" class="form-label">Name</label>
                <input type="text" class="form-control" id="inputName">
            </div>
            {{-- <div class="mb-3 form-control pt-2 p-0">
                <x-inputs.rich-textbox wire:model.defer="data_description" id="edit-richtextContent"></x-inputs.rich-textbox>
                @error('data_description') <div class="text-danger">{{ $message }}</div> @enderror
            </div> --}}
        </x-dialogs.c-r-u-d>


    </div>
</div>

@endsection