@extends('layouts.app')

@section('title', 'Add Director Appointment - ' . $company->company_name)

@section('content')
<div class="row mb-4">
    <div class="col">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('companies.index') }}">Companies</a></li>
                <li class="breadcrumb-item"><a href="{{ route('companies.show', $company) }}">{{ $company->company_name }}</a></li>
                <li class="breadcrumb-item"><a href="{{ route('companies.appointments.index', $company) }}">Appointments</a></li>
                <li class="breadcrumb-item active">Add Appointment</li>
            </ol>
        </nav>
        <h1 class="h3">
            <i class="bi bi-plus-lg"></i> Add Director Appointment
        </h1>
    </div>
</div>

<div class="card mb-4">
    <div class="card-header bg-light">
        <h5 class="mb-0">
            <i class="bi bi-building"></i> {{ $company->company_name }}
            <small class="text-muted">(CI: {{ $company->ci_number }})</small>
        </h5>
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-body">
                @if($directors->isEmpty())
                    <div class="alert alert-warning">
                        <i class="bi bi-exclamation-triangle"></i>
                        No directors available. Please <a href="{{ route('directors.create') }}">create a director</a> first.
                    </div>
                @else
                    <form action="{{ route('companies.appointments.store', $company) }}" method="POST">
                        @csrf
                        
                        <div class="mb-3">
                            <label for="director_id" class="form-label">
                                Director / 董事 <span class="text-danger">*</span>
                            </label>
                            <select class="form-select @error('director_id') is-invalid @enderror" 
                                    id="director_id" 
                                    name="director_id" 
                                    required>
                                <option value="">-- Select Director / 選擇董事 --</option>
                                @foreach($directors as $director)
                                    <option value="{{ $director->id }}" {{ old('director_id') == $director->id ? 'selected' : '' }}>
                                        {{ $director->full_name }}
                                        @if($director->hkid_or_ci_number)
                                            ({{ $director->hkid_or_ci_number }})
                                        @endif
                                    </option>
                                @endforeach
                            </select>
                            @error('director_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="date_of_appointment" class="form-label">
                                        Date of Appointment / 委任日期 <span class="text-danger">*</span>
                                    </label>
                                    <input type="date" 
                                           class="form-control @error('date_of_appointment') is-invalid @enderror" 
                                           id="date_of_appointment" 
                                           name="date_of_appointment" 
                                           value="{{ old('date_of_appointment') }}"
                                           required>
                                    @error('date_of_appointment')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="date_of_ceasing" class="form-label">
                                        Date of Ceasing / 離職日期
                                    </label>
                                    <input type="date" 
                                           class="form-control @error('date_of_ceasing') is-invalid @enderror" 
                                           id="date_of_ceasing" 
                                           name="date_of_ceasing" 
                                           value="{{ old('date_of_ceasing') }}">
                                    @error('date_of_ceasing')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <small class="text-muted">Leave empty if director is still active</small>
                                </div>
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="remarks" class="form-label">
                                Remarks / 備註
                            </label>
                            <textarea class="form-control @error('remarks') is-invalid @enderror" 
                                      id="remarks" 
                                      name="remarks" 
                                      rows="3">{{ old('remarks') }}</textarea>
                            @error('remarks')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-primary">
                                <i class="bi bi-check-lg"></i> Save Appointment
                            </button>
                            <a href="{{ route('companies.appointments.index', $company) }}" class="btn btn-secondary">
                                <i class="bi bi-x-lg"></i> Cancel
                            </a>
                        </div>
                    </form>
                @endif
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card bg-light">
            <div class="card-body">
                <h6 class="card-title"><i class="bi bi-info-circle"></i> Quick Add Director</h6>
                <p class="card-text small text-muted">
                    If the director you need is not in the list, you can create a new director first.
                </p>
                <a href="{{ route('directors.create') }}" class="btn btn-outline-primary btn-sm" target="_blank">
                    <i class="bi bi-plus-lg"></i> Create New Director
                </a>
            </div>
        </div>
    </div>
</div>
@endsection