@extends('layouts.master')

@section('title', $rdv->client->fullname)

@section('content')
    <section class="section">
        <h1 class="section-header">
            <div>@yield('title')</div>
        </h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('home') }}">Tableau de bord</a></li>
            <li class="breadcrumb-item"><a href="{{ route('rdv.index', ['id' => $rdv->client_id]) }}">Commandes</a></li>
            <li class="breadcrumb-item active" aria-current="page">Mesures de la commande / {{ $rdv->reference }}</li>
        </ol>
    </section>

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    @if ($mesure !== null)
                        <div class="row">
                            <!-- Dos -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Dos</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->dos !== null)
                                            {{ $mesure->dos }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Poitrine -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Poitrine</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->poitrine !== null)
                                            {{ $mesure->poitrine }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Ventre -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Ventre</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->ventre !== null)
                                            {{ $mesure->ventre }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Ceinture -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Ceinture</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->ceinture !== null)
                                            {{ $mesure->ceinture }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Fesses -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Fesses</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->fesses !== null)
                                            {{ $mesure->fesses }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Cuisse -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Cuisse</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->cuisse !== null)
                                            {{ $mesure->cuisse }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Long genoux -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Long genoux</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->long_genoux !== null)
                                            {{ $mesure->long_genoux }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Tour de genoux -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Tour de genoux</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->tour_de_genoux !== null)
                                            {{ $mesure->tour_de_genoux }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Tendon -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Tendon</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->tendon !== null)
                                            {{ $mesure->tendon }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Bas -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Bas</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->bas !== null)
                                            {{ $mesure->bas }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Long pantalon -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Long pantalon</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->long_pantalon !== null)
                                            {{ $mesure->long_pantalon }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Long habit -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Long habit</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->long_habit !== null)
                                            {{ $mesure->long_habit }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Long bras -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Long bras</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->long_bras !== null)
                                            {{ $mesure->long_bras }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Tour de bras -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Tour de bras</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->tour_de_bras !== null)
                                            {{ $mesure->tour_de_bras }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Poigné -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Poigné</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->poigne !== null)
                                            {{ $mesure->poigne }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Cou -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Cou</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->cou !== null)
                                            {{ $mesure->cou }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Tour de tete -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Tour de tête</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->tour_de_tete !== null)
                                            {{ $mesure->tour_de_tete }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Long robe -->
                            <div class="col-12 col-sm-4 col-lg-3">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Long robe</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->long_robe !== null)
                                            {{ $mesure->long_robe }} cm
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <!-- Observations particulières -->
                            <div class="col-12 col-sm-4 col-lg-12">
                                <div class="card card-sm-2">
                                    <div class="card-header">
                                        <h3 style="color: #868e96">Observations particulières</h3>
                                    </div>

                                    <div class="card-body">
                                        @if ($mesure->observation !== null)
                                            {{ $mesure->observation }}
                                        @else
                                            <span class="text-muted">null</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="col-12 col-sm-4 col-lg-12 text-right">
                                @can('modifier_une_mesure')
                                <a href="{{ route('rdv.commande.mesure.edit', ['id' => $mesure->id]) }}" class="btn btn-sm btn-primary">Modifier</a>
                                @endcan
                                @can('supprimer_une_mesure')
                                <a href="{{ route('rdv.commande.mesure.delete', ['id' => $mesure->id]) }}" class="btn btn-sm btn-danger" onclick="return confirm('Ètes-vous sûre de supprimer cette mesure.')">Supprimer</a>
                                @endcan
                            </div>
                        </div>
                    @else
                        <div class="text-center">
                            <i class="far fa-file" style="font-size: 8rem"></i>
                            <p class="text-muted mt-2">Aucune mesure pour <strong>{{ $client->fullname }}</strong></p>
                            @can('creer_une_mesure')
                            <a href="{{ route('mesure.create', ['id' => $client->id]) }}" class="btn btn-sm btn-primary" style="width: 200px">Ajouter</a>
                            @endcan
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection