@extends('layouts.main', ['pageTitle' => 'Create Office'])

@section('main-content')
    <!-- Zero configuration table -->
    <section class="main-content-section thin-section-border">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header page-title-row">
                        <h2 class="page-title nk-block-title fw-normal">Create New Office</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-content collapse show">
                        <div class="card-body card-dashboard">
                            <form action="{{ route('office.save') }}" class="" method="post">
                                @csrf
                                <div class="form-group">
                                    @if(!is_null($parentDepartment))
                                        <p class="font-weight-bold">Department:: {{ $parentDepartment->display_name }}</p>
                                    @else
                                        <label for="department">Department</label>
                                    <select class="form-control" id="department" name="department">
                                        <option value="">Un-categorized</option>
                                        @foreach($departments as $department)
                                            <option value="{{ $department->id }}" @if(old('department') == $department->id) selected @endif>{{ $department->display_name }}</option>
                                        @endforeach
                                    </select>
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="name">Name</label>
                                    <input class="form-control" id="name" name="display_name" required value="{{ old('display_name') }}">
                                </div>
                                <div class="form-group">
                                    <label for="description">Description</label>
                                    <textarea class="form-control" id="description" name="description" required>{{ old('description') }}</textarea>
                                </div>
                                <div class="row mt-1">
                                    <div class="col-12 text-right">
                                        <button class="btn btn-primary col-md-3 text-center" type="submit">Create Office</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection