@extends('layouts.config')

@section('page-title', 'Dodaj dział')

@section('content')
    @if ($errors->any())
        <div class="alert alert-danger mb-3">
            {{ $errors->first() }}
        </div>
    @endif

    <form action="{{ route('config.departments.store') }}" method="POST">
        @csrf

        <div class="row">
            <div class="col-md-6">

                <div class="mb-3">
                    <label class="form-label">Nazwa *</label>
                    <input type="text"
                           name="name"
                           class="form-control @error('name') is-invalid @enderror"
                           value="{{ old('name') }}"
                           required>
                    @error('name')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Kod</label>
                    <input type="text"
                           name="code"
                           class="form-control @error('code') is-invalid @enderror"
                           value="{{ old('code') }}">
                    @error('code')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Dział nadrzędny</label>
                    <select name="parent_id"
                            class="form-select @error('parent_id') is-invalid @enderror">
                        <option value="">— brak (root) —</option>
                        @foreach ($parents as $parent)
                            <option value="{{ $parent->id }}"
                                @selected(old('parent_id') == $parent->id)>
                                {{ $parent->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('parent_id')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Opis</label>
                    <textarea name="description"
                              class="form-control @error('description') is-invalid @enderror"
                              rows="3">{{ old('description') }}</textarea>
                    @error('description')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

            </div>

            <div class="col-md-6">
                <h5 class="mb-3">Dane kontaktowe</h5>

                <div class="mb-3">
                    <label class="form-label">Miejscowość</label>
                    <input type="text"
                           name="city"
                           class="form-control @error('city') is-invalid @enderror"
                           value="{{ old('city') }}">
                    @error('city')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Ulica</label>
                    <input type="text"
                           name="street"
                           class="form-control @error('street') is-invalid @enderror"
                           value="{{ old('street') }}">
                    @error('street')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row">
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Kod pocztowy</label>
                        <input type="text"
                               name="postal_code"
                               class="form-control @error('postal_code') is-invalid @enderror"
                               value="{{ old('postal_code') }}"
                               placeholder="00-000">
                        @error('postal_code')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-8 mb-3">
                        <label class="form-label">E-mail</label>
                        <input type="email"
                               name="email"
                               class="form-control @error('email') is-invalid @enderror"
                               value="{{ old('email') }}">
                        @error('email')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="mb-3">
                    <label class="form-label">Telefon</label>
                    <input type="text"
                           name="phone"
                           class="form-control @error('phone') is-invalid @enderror"
                           value="{{ old('phone') }}"
                           placeholder="+48 123 456 789">
                    @error('phone')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

            </div>
        </div>

        <div class="mt-3">
            <button class="btn btn-primary">
                <i class="bi bi-check2-circle me-1"></i> Zapisz
            </button>
            <a href="{{ route('config.departments.index') }}" class="btn btn-secondary">
                Anuluj
            </a>
        </div>
    </form>
@endsection