@extends('layouts.app')
@section('title', 'Add Company')
@section('page-title', 'Add Company')

@section('breadcrumbs')
    @include('layouts.components.breadcrumbs', ['items' => [['label' => 'Admin', 'url' => '/admin/dashboard'], ['label' => 'Companies', 'url' => route('admin.companies.index')], ['label' => 'Add']]])
@endsection

@section('content')
    <form method="POST" action="{{ route('admin.companies.store') }}" enctype="multipart/form-data" class="max-w-4xl">
        @csrf
        <div class="card-static animate-fade-up">
            <div class="card-header"><h3 class="card-header-title">Company Details</h3></div>
            <div class="card-body">
                @include('admin.companies._form', ['company' => null])

                @if(isset($templates) && $templates->count())
                <div class="mt-4 pt-4 border-t border-gray-100">
                    <label class="form-label">Department Template (optional)</label>
                    <select name="department_template_id" class="form-select max-w-md">
                        <option value="">No template — start with empty departments</option>
                        @foreach($templates as $t)
                            <option value="{{ $t->id }}">{{ $t->name }} — {{ count($t->departments) }} depts</option>
                        @endforeach
                    </select>
                    <p class="form-hint">Pre-populates departments when HR module is set up.</p>
                </div>
                @endif
            </div>
        </div>

        <div class="flex items-center gap-3 mt-5">
            <button type="submit" class="btn-primary">
                <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
                Create Company
            </button>
            <a href="{{ route('admin.companies.index') }}" class="btn-secondary">Cancel</a>
        </div>
    </form>
@endsection