@extends('layouts.app')

@section('title', 'Caisses')

@section('third_party_stylesheets')
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/select/1.3.3/css/select.dataTables.min.css">
@endsection

@section('breadcrumb')
    <ol class="breadcrumb border-0 m-0">
        <li class="breadcrumb-item"><a href="{{ route('home') }}">Tableau de bord</a></li>
        <li class="breadcrumb-item"><a href="{{ route('caisse.index') }}">Caisses</a></li>
        <li class="breadcrumb-item active">Détails</li>
    </ol>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-9">
                <div class="card h-100">
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped mb-0">
                                <tr>
                                    <th>Personnel</th>
                                    <td>{{ $caisse->user_name }}</td>
                                </tr>

                                <tr>
                                    <th>Date d'ouverture de caisse</th>
                                    <td>{{ \Carbon\Carbon::parse($caisse->start)->format('d/m/Y') }}</td>
                                </tr>

                                <tr>
                                    <th>Date fermeture de caisse</th>
                                    <td>
                                        @if ($caisse->end != null)
                                            {{ \Carbon\Carbon::parse($caisse->end)->format('d/m/Y') }}
                                        @else
                                            'N/A'
                                        @endif
                                    </td>
                                </tr>

                                <tr>
                                    <th>Heure fermeture</th>
                                    <td>
                                        @if ($caisse->heure_fermeture != null)
                                            {{ $caisse->heure_fermeture }}
                                        @else
                                            'N/A'
                                        @endif
                                    </td>
                                </tr>

                                <tr>
                                    <th>Caisse d'ouverture</th>
                                    <td>{{ format_currency($caisse->caisse_ouverture) }}</td>
                                </tr>

                                <tr>
                                    <th>Ventes en espèces</th>
                                    <td>{{ format_currency($caisse->vente_especes) }}</td>
                                </tr>

                                <tr>
                                    <th>Ventes par Mobile Money</th>
                                    <td>{{ format_currency($caisse->vente_mobile_money) }}</td>
                                </tr>

                                <tr>
                                    <th>Total des recettes journalières</th>
                                    <td>{{ format_currency($caisse->total_recettes_journalieres) }}</td>
                                </tr>

                                <tr>
                                    <th>Dépenses journalières</th>
                                    <td>{{ format_currency($caisse->depenses_journalieres) }}</td>
                                </tr>

                                <tr>
                                    <th>Solde Théorique de la caisse</th>
                                    <td>{{ format_currency($caisse->solde_theorique_caisse) }}</td>
                                </tr>

                                <tr>
                                    <th>Montant réel dans la caisse</th>
                                    <td>{{ format_currency($caisse->montant_reel_caisse) }}</td>
                                </tr>

                                <tr>
                                    <th>Ecart</th>
                                    <td>{{ format_currency($caisse->ecart) }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3">
                <div class="card h-100">
                    <div class="card-body text-center">
                        @if ($caisse->status == 1)
                            <a href="{{ route('caisse.stop', ['id' => $caisse->id]) }}" class="btn btn-outline-danger">
                                <i class="bi bi-stop-btn"></i>
                                Arrêter la caisse
                            </a>
                        @else
                            <a href="{{ route('caisse.print', ['id' => $caisse->id]) }}" class="btn btn-outline-primary" target="_blank">
                                <i class="bi bi-print"></i>
                                Imprimer
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('page_scripts')
    <script type="text/javascript" src="https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.10.24/b-1.7.0/b-html5-1.7.0/b-print-1.7.0/datatables.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/select/1.3.3/js/dataTables.select.min.js"></script>
    <script>
        var table = $('#data-table').DataTable({
            dom: "<'row'<'col-md-3'l><'col-md-5 mb-2'B><'col-md-4 justify-content-end'f>>tr<'row'<'col-md-5'i><'col-md-7 mt-2'p>>",
            "buttons": [
                {extend: 'excel',text: '<i class="bi bi-file-earmark-excel-fill"></i> Excel'},
                {extend: 'csv',text: '<i class="bi bi-file-earmark-excel-fill"></i> CSV'},
                {extend: 'print',
                    text: '<i class="bi bi-printer-fill"></i> Imprimer',
                    title: "Caisses",
                    exportOptions: {
                        columns: [ 0, 1, 2, 3, 4 ]
                    },
                    customize: function (win) {
                        $(win.document.body).find('h1').css('font-size', '15pt');
                        $(win.document.body).find('h1').css('text-align', 'center');
                        $(win.document.body).find('h1').css('margin-bottom', '20px');
                        $(win.document.body).css('margin', '35px 25px');
                    }
                },
            ],
            ordering: false,
        });
    </script>
@endpush