@extends('layouts.app', [
    'title' => __('User Management'),
    'parentSection' => 'laravel',
    'elementName' => 'user-management'
])

@section('title', 'Passageiros |')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

@section('content')
    @component('layouts.headers.auth')
        @component('layouts.headers.breadcrumbs')
            @slot('title')
               Passageiros da Viagem
            @endslot
            <li class="breadcrumb-item"><a class="text-default" href="{{ route('sales.show', $sales_passengers_products->first()->sale_id) }}">Passageiros</a></li>
        @endcomponent
    @endcomponent
    <div class="container-fluid mt--6">
        <div class="row">
            <div class="col">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">Passageiros</h3>
                                <p class="text-sm mb-0">
                                        Abaixo você encontra a lista de passageiros vinculados ao produto {{ $sales_passengers_products->first()->title }} da venda {{ $sales_passengers_products->first()->sale_id }}.
                                </p>
                            </div>
                            <div class="col-4 text-right">
                                <a href="{{ route('sales.show', $sales_passengers_products->first()->sale_id) }}" class="btn btn-sm btn-primary">Voltar</a>
                            </div>
                    <div class="col-12 mt-2">
                        @include('alerts.success')
                        @include('alerts.errors')
                    </div>

                    <div class="table-responsive py-4" id="users-table">
                        <table class="table align-items-center table-flush"  id="datatable-basic">
                            <thead class="thead-light">
                                <tr>
                                    <th scope="col">Nome</th>
                                    <th scope="col">Reserva</th>
                                    <th scope="col">Valor</th>
                                    <th scope="col">Comissão</th>
                                    <th scope="col">Taxa Oculta</th>
                                    <th scope="col">Taxa DU</th>
                                    <th scope="col">Taxa RAV</th>
                                    <th scope="col">Valor Final</th>
                                    <th scope="col">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($sales_passengers_products as $passenger)
                                    <tr>
                                        <td>{{ $passenger->pfirst. " " .$passenger->plast }}</td>
                                        <td>{{ $passenger->reservation }}</td>
                                        <td>R$ {{ number_format($passenger->price, 2, ",", ".") }}</td>
                                        <td>R$ {{ number_format($passenger->commission, 2, ",", ".") }} </td>
                                        <td>R$ {{ number_format($passenger->hide_tax, 2, ",", ".") }} </td>
                                        <td>R$ {{ number_format($passenger->du_tax, 2, ",", ".") }} </td>
                                        <td>R$ {{ number_format($passenger->rav_tax, 2, ",", ".") }} </td>
                                        <td>R$ {{ number_format($passenger->final_price, 2, ",", ".") }} </td>
                                        <td class="text-right">
                                            <div class="dropdown">
                                                <a class="btn btn-sm btn-icon-only text-light" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <i class="fas fa-ellipsis-v"></i>
                                                </a>
                                                <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                                                    <a class="dropdown-item" href="{{ route('salesproductpassenger.edit', $passenger->sp_id) }}"><i class="fas fa-pencil text-dark text-sm opacity-10"></i> Editar</a>
                                                    <form action="{{ route('salesproductpassenger.destroy', $passenger->sp_id) }}" method="post">
                                                        @csrf
                                                        @method('delete')
                                                        <input type="text" name="sale_id" value="{{$sales_passengers_products->first()->sale_id}}" hidden>
                                                        <button type="button" class="dropdown-item" onclick="confirm('Tem certeza que deseja excluir esse passageiro?') ? this.parentElement.submit() : ''">
                                                            <i class="fas fa-trash-can text-dark text-sm opacity-10"></i> Excluir
                                                        </button>
                                                    </form>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td><strong>Total: </strong></td>
                                    <td></td>
                                    <td><strong>R$ {{ number_format($sales_passengers_products->sum('price'), 2, ",", ".") }}</td>
                                    <td><strong>R$ {{ number_format($sales_passengers_products->sum('commission'), 2, ",", ".") }}</td>
                                    <td><strong>R$ {{ number_format($sales_passengers_products->sum('hide_tax'), 2, ",", ".") }}</td>
                                    <td><strong>R$ {{ number_format($sales_passengers_products->sum('du_tax'), 2, ",", ".") }}</td>
                                    <td><strong>R$ {{ number_format($sales_passengers_products->sum('rav_tax'), 2, ",", ".") }}</td>
                                    <td class="text-success" ><strong>R$ {{ number_format($sales_passengers_products->sum('final_price'), 2, ",", ".") }}</strong></td>
                                    <td></td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        @include('layouts.footers.auth')
    </div>
@endsection
@push('css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="{{ asset('argon/vendor/select2/dist/css/select2.min.css') }}">
@endpush
@push('css')
    <link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-select-bs4/css/select.bootstrap4.min.css">
@endpush

@push('js')
    <script src="{{ asset('argon') }}/vendor/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.flash.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.print.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-select/js/dataTables.select.min.js"></script>
@endpush