@extends('layouts.master')

@section('title', 'Transport - Configurations')

@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <nav aria-label="breadcrumb" class="mb-3">
            <ol class="breadcrumb breadcrumb-style2 mb-0">
                <li class="breadcrumb-item">
                    <a href="{{ route('home') }}">Récaputilatifs</a>
                </li>
                <li class="breadcrumb-item">
                    <a href="{{ route('camion.index') }}">Camions</a>
                </li>
                <li class="breadcrumb-item">
                    <a href="{{ route('transport.voyage.index') }}">Voyages</a>
                </li>
                <li class="breadcrumb-item active">Configurations</li>
            </ol>
        </nav>

        <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-8">
                <div class="card">
                    <h5 class="card-header">Configuration</h5>
                    <div class="card-body">
                        <p>Enregistrer préablement les rubriques suivantes.</p>
                        <!-- Prime -->
                        <div class="d-flex mb-3">
                            <div class="flex-shrink-0">
                                <img src="{{ asset('assets/img/elements/prime.png') }}" alt="prime" class="me-3" height="30">
                            </div>
                            <div class="flex-grow-1 row">
                                <div class="col-8 col-sm-7 mb-sm-0 mb-2">
                                    <h6 class="mb-0">Prime</h6>
                                    <small class="text-muted">
                                        @if ($primes->count() > 0)
                                            @foreach ($primes as $prime)
                                                @money($prime->prime, 'XOF')
                                            @endforeach
                                        @else
                                            Non défini
                                        @endif
                                    </small>
                                </div>
                                <div class="col-4 col-sm-5 text-end">
                                    @if ($primes->count() > 0)
                                        <a href="{{ route('config.prime.index') }}" class="btn btn-icon btn-outline-secondary">
                                            <i class="bx bx-show"></i>
                                        </a>
                                    @else
                                        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#prime">
                                            <i class="bx bx-plus"></i>
                                        </button>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <!-- Transport -->
                        <div class="d-flex mb-3">
                            <div class="flex-shrink-0">
                                <img src="{{ asset('assets/img/elements/transport.png') }}" alt="transport" class="me-3" height="30">
                            </div>
                            <div class="flex-grow-1 row">
                                <div class="col-8 col-sm-7 mb-sm-0 mb-2">
                                    <h6 class="mb-0">Transport</h6>
                                    <small class="text-muted">
                                        @if ($transports->count() > 0)
                                            @foreach ($transports as $transport)
                                                @money($transport->transport, 'XOF')
                                            @endforeach
                                        @else
                                            Non défini
                                        @endif
                                    </small>
                                </div>
                                <div class="col-4 col-sm-5 text-end">
                                    @if ($transports->count() > 0)
                                        <a href="{{ route('config.transport.index') }}" class="btn btn-icon btn-outline-secondary">
                                            <i class="bx bx-show"></i>
                                        </a>
                                    @else
                                        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#transport">
                                            <i class="bx bx-plus"></i>
                                        </button>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <!-- Tolérance -->
                        <div class="d-flex mb-3">
                            <div class="flex-shrink-0">
                                <img src="{{ asset('assets/img/elements/tolerance.png') }}" alt="tolerance" class="me-3" height="30">
                            </div>
                            <div class="flex-grow-1 row">
                                <div class="col-8 col-sm-7 mb-sm-0 mb-2">
                                    <h6 class="mb-0">Tolérance</h6>
                                    <small class="text-muted">
                                        @if ($tolerances->count() > 0)
                                            @foreach ($tolerances as $tolerance)
                                                G : {{ $tolerance->gasoil }} l / S : {{ $tolerance->essence }} l
                                            @endforeach
                                        @else
                                            Non défini
                                        @endif
                                    </small>
                                </div>
                                <div class="col-4 col-sm-5 text-end">
                                    @if ($tolerances->count() > 0)
                                        <a href="{{ route('config.tolerance.index') }}" class="btn btn-icon btn-outline-secondary">
                                            <i class="bx bx-show"></i>
                                        </a>
                                    @else
                                        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#tolerance">
                                            <i class="bx bx-plus"></i>
                                        </button>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>

    @include('pages/includes/prime-modal')
    @include('pages/includes/transport-modal')
    @include('pages/includes/tolerance-modal')
@endsection