@extends('layouts.base')

@section('content')
@section('breadcrumb')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ route('partner.home') }}">Accueil</a></li>
            <li class="breadcrumb-item"><a href="{{ route('partner.clients') }}">Clients</a></li>
            @if($client->exists)
                <li class="breadcrumb-item"><a href="{{ route('partner.clients.show', ['client' => $client]) }}">Fiche client</a></li>
                <li class="breadcrumb-item active" aria-current="page">Modifier</li>
            @else
                <li class="breadcrumb-item active" aria-current="page">Créer un client</li>
            @endif
        </ol>
    </nav>
@endsection

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

<div class="container-fluid pt-0">
    <div class="container">
        <div class="row mb-4">
            <div class="col-12">
                <div class="justify-content-between align-items-center">
                    <div class="row">
                        <div class="col-md-1">
                            @php
                                $firstInitial = strtoupper(substr($client->firstname ?? '', 0, 1));
                                $lastInitial = strtoupper(substr($client->lastname ?? '', 0, 1));
                                $initials = $firstInitial . $lastInitial;
                            @endphp
                            @if($initials)
                                <span class="client-avatar-large me-3">{{ $initials }}</span>
                            @endif
                        </div>
                        <div class="col-md-8">
                            <h1 class="h3 mb-2 text-primary">
                                @if($client->exists)
                                    Modifier {{ $client->firstname ?? '-' }} {{ $client->lastname ?? '-' }}
                                @else
                                    Créer un client
                                @endif
                            </h1>
                            @if($client->exists)
                            <div class="d-flex align-items-center flex-wrap gap-2">
                                <span class="text-grey text-16"><span class="icon-mail icon icon-16 align-items-center justify-content-center mx-auto"></span> {{ $client->email }}</span>
                                <span class="separator-vertical"></span>
                                <span class="text-grey text-16"><span class="icon-phone icon icon-16 align-items-center justify-content-center mx-auto"></span> {{ format_phone_display($client->phones?->first()?->value ?? null) }}</span>
                                <span class="separator-vertical"></span>
                                <span class="text-grey text-16"><span class="icon-map-pin icon icon-16 align-items-center justify-content-center mx-auto"></span> {{ $client->address?->city ?? '-' }}</span>
                            </div>
                            @endif
                        </div>
                        <div class="col-md-3">
                            <button type="submit" form="clientEditForm" class="btn btn-primary me-2">
                                <span class="icon-save icon icon-16 align-items-center justify-content-center mx-auto"></span> {{ $client->exists ? 'Enregistrer' : 'Créer le client' }}
                            </button>
                            <a href="{{ $client->exists ? route('partner.clients.show', ['client' => $client]) : route('partner.clients') }}" class="btn btn-outline-secondary">
                                <span class="icon-arrow-left icon icon-16 align-items-center justify-content-center mx-auto"></span> Retour
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid container-fluid-bordered">
    <div class="container">
        <div class="card mb-4">
            <div class="card-body">
                @include('partner.clients._form', [
                    'client' => $client,
                    'application' => $application,
                    'users' => $users ?? collect(),
                    'countries' => $countries ?? collect(),
                    'formId' => 'clientEditForm',
                    'buttonsInHeader' => true,
                ])
            </div>
        </div>
    </div>
</div>
@endsection