@extends('department.details-layout')

@section('content')
    <div class="main-content-section">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header page-title-row">
                        <h2 class="page-title-secondary float-left">Create New Office</h2>
                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body">
                            <form action="{{ route('office.save', ['department' => $dept->id]) }}" class="" method="post">
                                @csrf
                                <div class="form-group">
                                    <p class="font-weight-bold">Department:: {{ $dept->display_name }}</p>
                                </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>
    </div>
@endsection