@extends('backend.adminlayouts.master')

@section('body')
<div class="container mx-auto">
    <h1 class="text-2xl font-semibold text-gray-800 mb-6">Adauga setare</h1>
    <form action="{{ route('settings.store') }}" method="POST" class="bg-white shadow-md rounded-lg p-6">
        @csrf
        <div class="mb-4">
            <label for="key" class="block text-gray-700 text-sm font-bold mb-2">Cheie</label>
            <input type="text" name="key" id="key" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" required>
        </div>
        <div class="mb-6">
            <label for="value" class="block text-gray-700 text-sm font-bold mb-2">Valoare</label>
            <input type="text" name="value" id="value" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" required></input>
        </div>
        <div class="flex items-center justify-between">
            <button type="submit" class="btn px-6 py-2.5 bg-blue-700 hover:bg-blue-900 text-white font-medium text-xs leading-tight uppercase rounded shadow-md  hover:shadow-lg focus:bg-blue-900  focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out items-center">Salveaza</button>
        </div>
    </form>
</div>
@endsection