@extends('layouts.app')

@section('content')
<div class="container">
    <h2>Add Document Type</h2>
    <!-- Alert Messages -->
@if (session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    <i class="mdi mdi-check-all me-2"></i> {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if (session('error'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    <i class="mdi mdi-alert-circle-outline me-2"></i> {{ session('error') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

    <form action="{{ route('doc_types.store') }}" method="POST">
        @csrf
        <div class="mb-3">
            <label class="form-label">Code</label>
            <input type="text" name="code" class="form-control" required>
            @error('code')<div class="text-danger">{{ $message }}</div>@enderror
        </div>
        <div class="mb-3">
            <label class="form-label">Description</label>
            <input type="text" name="description" class="form-control" required>
            @error('description')<div class="text-danger">{{ $message }}</div>@enderror
        </div>
        <div class="mb-3">
            <label class="form-label">Details</label>
            <textarea name="details" class="form-control"></textarea>
            @error('details')<div class="text-danger">{{ $message }}</div>@enderror
        </div>

         {{-- Document Level--}}
         <div class="mb-3">
            <label class="form-label">Document Level <span class="text-danger">*</span></label>
            <select class="form-select select2 @error('level') is-invalid @enderror" name="level" required>
                <option selected disabled>Choose...</option>
                @foreach($docLevel as $type)
                <option value="{{ $type->code }}" {{ old('level') == $type->code ? 'selected' : '' }}>
                    {{ $type->name }}
                </option>
                @endforeach
            </select>
            @error('level') <div class="text-danger">{{ $message }}</div> @enderror
        </div>
        
        {{-- Required --}}
        <div class="mb-3">
            <label class="form-label">Required</label>
            <div class="custom-control custom-checkbox">
                <input type="checkbox" class="custom-control-input" id="required" name="required" value="1" {{ old('required') == 1 ? 'checked' : '' }}>
                <label class="custom-control-label" for="required">&nbsp</label>
              </div>
              @error('required')<div class="text-danger">{{ $message }}</div>@enderror
        </div>
        <button type="submit" class="btn btn-success">Save</button>
    </form>
</div>
@endsection