@extends('layouts.master')

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

@section('content')
    <section class="section">
        <h1 class="section-header">
            <div>@yield('title')</div>
            <div class="float-right">
                <a href="{{ route('client.index') }}" style="font-size: 0.8rem">Liste des clients / </a>
                <a href="#" style="font-size: 0.8rem" class="active">Ajouter une mesure</a>
            </div>
        </h1>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        @if ($mesure !== null)
                            <div class="row">
                                <div class="col-md-12 mt-4">
                                    @if (Session::get('success'))
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="alert alert-info mb-0">
                                                    <div class="alert alert-primary alert-dismissible fade show" role="alert">
                                                        <strong>{{ Session::get('success') }}</strong>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                </div>

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

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

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

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

                                <!-- Tour 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 bras</h3>
                                        </div>

                                        <div class="card-body">
                                            @if ($mesure->tour_bras !== null)
                                                {{ $mesure->tour_bras }} 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>

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

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

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

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

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

                                        <div class="card-body">
                                            @if ($mesure->longueur !== null)
                                                {{ $mesure->longueur }} 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>

                                <!-- 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>

                                <!-- Longueur 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">L pantalon</h3>
                                        </div>
    
                                        <div class="card-body">
                                            @if ($mesure->longueur_pantalon !== null)
                                                {{ $mesure->longueur_pantalon }} cm
                                            @else
                                                <span class="text-muted">null</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <!-- Fond -->
                                <div class="col-12 col-sm-4 col-lg-3">
                                    <div class="card card-sm-2">
                                        <div class="card-header">
                                            <h3 style="color: #868e96">Fond</h3>
                                        </div>
    
                                        <div class="card-body">
                                            @if ($mesure->fond !== null)
                                                {{ $mesure->fond }} cm
                                            @else
                                                <span class="text-muted">null</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <!-- Dessai -->
                                <div class="col-12 col-sm-4 col-lg-3">
                                    <div class="card card-sm-2">
                                        <div class="card-header">
                                            <h3 style="color: #868e96">Dessai</h3>
                                        </div>
    
                                        <div class="card-body">
                                            @if ($mesure->dessai !== null)
                                                {{ $mesure->dessai }} cm
                                            @else
                                                <span class="text-muted">null</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <!-- Pattes -->
                                <div class="col-12 col-sm-4 col-lg-3">
                                    <div class="card card-sm-2">
                                        <div class="card-header">
                                            <h3 style="color: #868e96">Pattes</h3>
                                        </div>
    
                                        <div class="card-body">
                                            @if ($mesure->pattes !== null)
                                                {{ $mesure->pattes }} cm
                                            @else
                                                <span class="text-muted">null</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <!-- Longueur zilai -->
                                <div class="col-12 col-sm-4 col-lg-3">
                                    <div class="card card-sm-2">
                                        <div class="card-header">
                                            <h3 style="color: #868e96">L zilai</h3>
                                        </div>
    
                                        <div class="card-body">
                                            @if ($mesure->longueur_zilai !== null)
                                                {{ $mesure->longueur_zilai }} cm
                                            @else
                                                <span class="text-muted">null</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <!-- 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>

                                <!-- 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>

                                <!-- 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>

                                <!-- Epaule manche -->
                                <div class="col-12 col-sm-4 col-lg-3">
                                    <div class="card card-sm-2">
                                        <div class="card-header">
                                            <h3 style="color: #868e96">E manche</h3>
                                        </div>
    
                                        <div class="card-body">
                                            @if ($mesure->epaule_manche !== null)
                                                {{ $mesure->epaule_manche }} cm
                                            @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('mesure.edit', ['id' => $mesure->id]) }}" class="btn btn-sm btn-primary">Modifier</a>
                                    @endcan
                                    @can('supprimer_une_mesure')
                                    <a href="{{ route('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>
    </section>
@endsection