@extends('layouts.master')

@section('title', 'Commandes ' . $commande->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('client.index') }}">Clients</a></li>
            <li class="breadcrumb-item"><a href="{{ route('commande.index', ['id' => $commande->client_id]) }}">Commandes</a></li>
            <li class="breadcrumb-item active" aria-current="page">Détails</li>
        </ol>

        <div class="row">
            <div class="col-md-6 mb-2">
                <div class="card">
                    <div class="card-body">
                        <span>Reference : <strong>{{ $commande->reference }}</strong></span> <br>
                        <span>Date de dépôt : <strong>{{ \Carbon\Carbon::parse($commande->start_date)->format('d/m/Y') }}</strong></span> <br>
                        <span>Date de retrait : <strong>{{ \Carbon\Carbon::parse($commande->end_date)->format('d/m/Y') }}</strong></span> <br>
                    </div>
                </div>
            </div>

            <div class="col-md-6 mb-2">
                <div class="card">
                    <div class="card-body">
                        <span>Nom : <strong>{{ $commande->client->fullname }}</strong></span> <br>
                        <span>Contact : <strong>{{ $commande->client->phone }}</strong></span> <br>
                        <span>Adresse : <strong>{{ $commande->client->adresse }}</strong></span> <br>
                    </div>
                </div>
            </div>

            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <a href="{{ route('commande.detail.create', ['id' => $commande->id]) }}" class="btn btn-primary">
                            <i class="ion-ios-plus"></i>
                        </a>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th class="text-center">Désignation</th>
                                        <th class="text-center">Détails</th>
                                        <th class="text-center">Quantité</th>
                                        <th class="text-center">Prix</th>
                                        <th class="text-center">Montant</th>
                                        <th class="text-center">Actions</th>
                                    </tr>
                                </thead>
                                
                                <tbody>
                                    @if ($details->count() > 0)
                                        @foreach ($details as $key => $detail)
                                            <tr>
                                                <td>{{ $key + 1 }}</td>
                                                <td class="text-center">{{ $detail->designation }}</td>
                                                <td class="text-center">{{ $detail->detail }}</td>
                                                <td class="text-center">{{ $detail->quantity }}</td>
                                                <td class="text-center">{{ number_format($detail->price, 0, ',', ' ') . ' GNF' }}</td>
                                                <td class="text-center">{{ number_format($detail->amount, 0, ',', ' ') . ' GNF' }}</td>
                                                <td class="text-center">
                                                    <a href="{{ route('commande.detail.edit', ['id' => $detail->id]) }}" class="btn btn-sm btn-primary">
                                                        <i class="ion-compose"></i>
                                                    </a>

                                                    <a href="{{ route('commande.detail.delete', ['id' => $detail->id]) }}" class="btn btn-sm btn-danger" onclick="return confirm('Vous etes sur le point de supprimer un element.')">
                                                        <i class="ion-ios-trash"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr class="text-center">
                                            <td colspan="7" class="text-danger">Aucune donnée disponible.</td>
                                        </tr>
                                    @endif
                                    <tr>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td class="text-center">{{ $sum_quantity }}</td>
                                        <td></td>
                                        <td class="text-center">{{ number_format($sum, 0, ',', ' ') . ' GNF' }}</td>
                                        <td></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection