@extends('layouts.main', ['pageTitle' => 'Edit Office:: ' . $office->display_name])

@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">
                        <h1 class="page-title nk-block-title fw-normal">Edit Office:: {{ $office->display_name }}</h1>
                    </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.update', ['office' => $office->id]) }}" class="" method="post">
                                @csrf
                                <div class="form-group">
                                    <p class="font-weight-bold">Department:: {{ (!empty($office->department)) ? $office->department->display_name: 'Un-categorized' }}</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', $office->display_name) }}">
                                    @error('display_name')
                                        <span class="text-danger" role="alert">
                                            <small>{{ $message }}</small>
                                        </span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="description">Description</label>
                                    <textarea class="form-control" id="description" name="description" required>{{ old('description', $office->role()->description) }}</textarea>
                                    @error('description')
                                        <span class="text-danger" role="alert">
                                            <small>{{ $message }}</small>
                                        </span>
                                    @enderror
                                </div>
                                <div class="row mt-1">
                                    <div class="col-12 text-right">
                                        <button class="btn btn-danger col-md-3 text-center" type="submit">Update Office</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection