@extends('layouts.master')

@section('title', 'Rdv / Détails ' . $rdv->client->fullname)

@section('content')
    <section class="section">
        <h1 class="section-header">
            <div>@yield('title')</div>
            <div class="float-right">
                <a href="{{ route('home') }}" style="font-size: 0.8rem">Tableau de bord / </a>
                <a href="{{ route('client.index') }}" style="font-size: 0.8rem">Clients / </a>
                <a href="{{ route('rdv.index', ['id' => $rdv->client_id]) }}" style="font-size: 0.8rem" class="active">Rdvs / </a>
                <a href="#" style="font-size: 0.8rem" class="active">Détails</a>
            </div>
        </h1>

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr>
                                        <td>Client</td>
                                        <td>{{ $rdv->client->fullname }}</td>
                                    </tr>

                                    <tr>
                                        <td>Date de dépot</td>
                                        <td>{{ \Carbon\Carbon::parse($rdv->start_date)->format('d M, Y') }}</td>
                                    </tr>

                                    <tr>
                                        <td>Date de récuperation</td>
                                        <td>{{ \Carbon\Carbon::parse($rdv->end_date)->format('d M, Y')}}</td>
                                    </tr>

                                    <tr>
                                        <td>Montant</td>
                                        <td>@money($rdv->montant, 'XOF')</td>
                                    </tr>

                                    <tr>
                                        <td>Nombre de complet</td>
                                        <td>{{ $rdv->nombre }}</td>
                                    </tr>

                                    <tr>
                                        <td>Situation</td>
                                        <td>
                                            @if ($rdv->statut == 0)
                                                Non livré
                                            @else
                                                Livré
                                            @endif
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>Note</td>
                                        <td>{{ $rdv->details }}</td>
                                    </tr>

                                    <tr>
                                        <td>Photos</td>
                                        <td>
                                            @if ($media !== null)
                                                @foreach ($medias as $media)
                                                    @if ($media->rdv_id == $rdv->id)
                                                        <a href="{{ asset('/storage/uploads/modeles/'.$media->photos) }}">
                                                            <img src="{{ asset('/storage/uploads/modeles/'.$media->photos) }}" alt="..." style="width: 150px; height: 150px;">
                                                        </a>
                                                        <a href="{{ route('media.edit', ['id' => $media->id]) }}" class="btn btn-sm btn-primary" style="margin-left: 10px">
                                                            <i class="fas fa-edit"></i>
                                                        </a>
                                                        <a href="{{ route('media.delete', ['id' => $media->id]) }}" class="btn btn-sm btn-danger" style="margin-right: 10px" onclick="return confirm('Ètes-vous sûre de supprimer cette photo')">
                                                            <i class="fas fa-trash"></i>
                                                        </a>  
                                                    @endif
                                                @endforeach
                                            @else
                                                <a href="{{ route('rdv.edit', ['id' => $rdv->id]) }}" class="btn btn-sm btn-primary" style="margin-left: 10px">
                                                    Ajouter des photos
                                                </a>
                                            @endif
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection