@extends('adminlte::page')

@section('title', $pageTitle)

@section('content_header')
<div class="d-flex justify-content-between align-items-center">
    <div>
        <h1 class="m-0">{{ $pageTitle }}</h1>
        <ol class="breadcrumb mt-1 p-0 bg-transparent">
            <li class="breadcrumb-item"><a href="{{ url('admin') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.forms.index') }}">Forms</a></li>
            <li class="breadcrumb-item">
                <a href="{{ route('admin.forms.sections.index', $form) }}">{{ Str::before($form->title, ' (') }}</a>
            </li>
            <li class="breadcrumb-item active">{{ $pageTitle }}</li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<div class="card card-outline card-primary" style="max-width:600px;">
    <div class="card-body">
        <form action="{{ $formAction }}" method="POST">
            @csrf
            @if($formMethod !== 'POST') @method($formMethod) @endif

            <div class="form-group">
                <label>Section title *</label>
                <input type="text" name="title"
                       value="{{ old('title', $section?->title) }}"
                       class="form-control @error('title') is-invalid @enderror"
                       required autofocus>
                @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="form-group">
                <label>Sort order *</label>
                <input type="number" name="sort_order" min="0"
                       value="{{ old('sort_order', $section?->sort_order ?? 0) }}"
                       class="form-control @error('sort_order') is-invalid @enderror"
                       style="width:120px;" required>
                @error('sort_order')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save mr-1"></i>Save
            </button>
            <a href="{{ route('admin.forms.sections.index', $form) }}" class="btn btn-default ml-2">Cancel</a>
        </form>
    </div>
</div>
@endsection