@extends('layouts.admin')

@section('header', 'Create Client')

@section('content')
    <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div class="max-w-4xl mx-auto">
            <!-- Breadcrumb -->
            <div class="mb-6">
                <nav class="flex" aria-label="Breadcrumb">
                    <ol class="inline-flex items-center space-x-1 md:space-x-3">
                        <li class="inline-flex items-center">
                            <a href="{{ route('admin.dashboard') }}" class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-rose-600">
                                <i class="fas fa-home mr-2"></i>
                                Dashboard
                            </a>
                        </li>
                        <li>
                            <div class="flex items-center">
                                <i class="fas fa-chevron-right text-gray-400 mx-2 text-sm"></i>
                                <a href="{{ route('admin.clients.index') }}" class="text-sm font-medium text-gray-700 hover:text-rose-600">
                                    Clients
                                </a>
                            </div>
                        </li>
                        <li aria-current="page">
                            <div class="flex items-center">
                                <i class="fas fa-chevron-right text-gray-400 mx-2 text-sm"></i>
                                <span class="text-sm font-medium text-gray-500">Create New Client</span>
                            </div>
                        </li>
                    </ol>
                </nav>
            </div>

            <!-- Header -->
            <div class="mb-8">
                <h1 class="text-2xl font-bold text-gray-900 sm:text-3xl">Create New Client</h1>
                <p class="mt-2 text-sm text-gray-500">Add a new client to your database</p>
            </div>

            <!-- Form -->
            <div class="bg-white shadow overflow-hidden sm:rounded-lg">
                <div class="px-4 py-5 sm:p-6">
                    <form action="{{ route('admin.clients.store') }}" method="POST">
                        @include('admin.clients.partials._form', ['submitButtonText' => 'Create Client'])
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection