@extends('layouts.app', [
    'title' => __('User Management'),
    'parentSection' => 'laravel',
    'elementName' => 'user-management'
])
<meta name="csrf-token" content="{{ csrf_token() }}">
@section('title', 'Editar Viagem |')

<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')
                Editar Viagem
            @endslot
            <li class="breadcrumb-item"><a class="text-default" href="{{ route('trips.index') }}">Lista de Viagem</a></li>
        @endcomponent
    @endcomponent
    <!-- Alerts -->
    <div class="container-fluid mt--6">
        <div class="row">
            <div class="col-xl-12 order-xl-1">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">Editar Viagem</h3>
                            </div>
                            <div class="col-4 text-right">
                                <a href="{{ route('trips.index') }}" class="btn btn-sm btn-primary">Voltar</a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 mt-2">
                                @include('alerts.success')
                                @include('alerts.errors')
                            </div>
                        </div>
                        <form method="post" action="{{ route('trips.update', $trip->id) }}" autocomplete="off"
                        enctype="multipart/form-data">
                        @method('PUT')
                        @csrf
                        <h6 class="heading-small text-muted mb-4">Informações Gerais da Viagem</h6>
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <label class="form-control-label text-left" style="float:left" for="basic-url">Título da Viagem</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-tag"></i></span>
                                            </div>
                                            <input type="text" class="form-control" readonly name="title" value="{{ $trip->title }}">
                                        </div>
                                    </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group{{ $errors->has('client_id') ? ' has-danger' : '' }}">
                                    <label class="form-control-label" for="input-name">Cliente</label>
                                    <input type="text" class="form-control" readonly name="client_id" value="{{ $trip->first_name . " " . $trip->last_name }}">
                                @include('alerts.feedback', ['field' => 'client_id'])
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group{{ $errors->has('created_by') ? ' has-danger' : '' }}">
                                    <label class="form-control-label" for="input-name">Vendedor</label>
                                    <input type="text" class="form-control" readonly name="created_by" value="{{ $trip->name }}">

                                @include('alerts.feedback', ['field' => 'created_by'])
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                <label class="form-control-label text-left" style="float:left" for="basic-url">Início da Viagem</label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                        </div>
                                        <input type="date" class="form-control" readonly name="start_date" value="{{ $trip->start_date }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                <label class="form-control-label text-left" style="float:left" for="basic-url">Fim da Viagem</label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                        </div>
                                        <input type="text" hidden class="form-control" readonly name="trip" value="{{ $trip->id }}">
                                        <input type="date" class="form-control" readonly name="end_date" value="{{ $trip->end_date }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header p-3">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <h4 class="mb-0">Vincular Vendas</h4>
                                            </div>
                                            <div class="col-md-6 d-flex justify-content-end align-items-center">
                                                <small>Registradas para {{$trip->first_name . " " . $trip->last_name}}</small>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body p-3 pt-0">
                                            @foreach ($sales->where('client_id','=',$trip->client_id) as $key => $sale)
                                                <div class="list border-0 flex-column align-items-start ps-0 py-0 mb-3"
                                                    @foreach ($solds as $sold)
                                                        @if ($sold->sale_id == $sale->sale_id)
                                                            style="display:none"
                                                        @endif
                                                    @endforeach
                                                    >
                                                    <div class="checklist-item checklist-item-primary row">
                                                        <div class="col-2">
                                                            <div class="d-flex align-items-center">
                                                                <div class="form-check">
                                                                    <input class="form-check-input"
                                                                    @foreach ($trip_sales->where('trip_id', '=', $trip->id) as $tripe)
                                                                        @if($tripe->sale_id == $sale->sale_id)
                                                                        checked
                                                                        @endif
                                                                    @endforeach
                                                                        type="checkbox"
                                                                        name="id_sale[]"
                                                                        id="id_sale"
                                                                        value="{{$sale->sale_id}}" >
                                                                    <button type="button" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#modal{{ $sale->sale_id }}">Ver Venda {{ $sale->sale_id }}</button>
                                                                        <div class="modal fade" id="modal{{ $sale->sale_id  }}" tabindex="-1" role="dialog" aria-labelledby="modal{{ $sale->id }}" aria-hidden="true">
                                                                            <div class="modal-dialog modal-lg modal-dialog-centered modal-" role="document">
                                                                                <div class="modal-content">
                                                                                    <div class="modal-header">
                                                                                        <h3 >Venda {{ $sale->sale_id  }}</h3>
                                                                                        <button style="float: right;" type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                                            <span aria-hidden="true">×</span>
                                                                                        </button>
                                                                                    </div>
                                                                                    <hr width="100%" size="20" style="margin-top: -10px">
                                                                                    <div class="modal-body" style="margin-top: -30px">
                                                                                        <h4 class="mb-0">Dados Gerais da Viagem</h4><br>
                                                                                        <hr width="100%" size="20" style="margin-top: -10px">
                                                                                        <div class="row">
                                                                                            <div class="col-3">
                                                                                                <label class="form-control-label text-left" for="basic-url">Vendedor</label><br>
                                                                                                <p class="text-sm text-left">{{$sale->user}}</p>
                                                                                            </div>
                                                                                            <div class="col-6">
                                                                                                <label class="form-control-label text-left" for="basic-url">Cliente</label><br>
                                                                                                <p class="text-sm">{{ substr($sale->first_name ." ".$sale->last_name,0,50) }}</p>
                                                                                            </div>
                                                                                            <div class="col-3">
                                                                                                <label class="form-control-label text-left" for="basic-url">Data da Venda</label><br>
                                                                                                <p class="text-sm">{{ date('d/m/y', strtotime($sale->sale_date)) }}</p>
                                                                                            </div>
                                                                                        </div>
                                                                                        <br>
                                                                                        <h4 class="mb-0">Produtos</h4><br>
                                                                                        <hr width="100%" size="20" style="margin-top: -10px">
                                                                                        <div class="row">
                                                                                            <div class="table-responsive py-4" id="users-table" style="margin-top: -35px">
                                                                                                <table class="table align-items-center table-flush"  id="datatable-basic1">
                                                                                                    <thead class="thead-light">
                                                                                                        <tr>
                                                                                                            <th scope="col">Produto</th>
                                                                                                            <th scope="col">Fornecedor</th>
                                                                                                            <th scope="col">Prestador</th>
                                                                                                            <th scope="col">Início</th>
                                                                                                            <th scope="col">Fim</th>
                                                                                                            <th scope="col">Passageiros</th>
                                                                                                        </tr>
                                                                                                    </thead>
                                                                                                    <tbody>
                                                                                                        @foreach ($products->where('sale_id','=', $sale->sale_id) as $product)
                                                                                                        <tr @if($product->product == "Aéreo") title="Partida: {{$product->partida_iata . " - " . $product->partida}} | Chegada: {{$product->chegada_iata . " - " . $product->chegada}} | Localizador: {{$product->reservation_number}}" @endif >
                                                                                                            <td >{{$product->product}}</td>
                                                                                                            <td>{{$product->provider}}</td>
                                                                                                            <td>{{$product->supplier}}</td>
                                                                                                            <td>{{ date('d/m/y H:i', strtotime($product->start_datetime)) }}</td>
                                                                                                            <td>{{ date('d/m/y H:i', strtotime($product->end_datetime)) }}</td>
                                                                                                            <td>
                                                                                                                <a type="button" class="btn btn-sm btn-primary" target="_blank" href="{{ route('salesproductpassenger.show', $product->spid) }}"><i class="fa-solid fa-user text-white"> Ver</i></a>
                                                                                                            </td>
                                                                                                        </tr>
                                                                                                        @endforeach
                                                                                                    </tbody>
                                                                                                </table>
                                                                                            </div>
                                                                                        </div>
                                                                                        <br>
                                                                                        <h4 class="mb-0">Formas de Pagamento</h4><br>
                                                                                        <hr width="100%" size="20" style="margin-top: -10px">
                                                                                        <div class="row">
                                                                                            <div class="table-responsive py-4" id="users-table" style="margin-top: -35px">
                                                                                                <table class="table align-items-center table-flush"  id="datatable-basic1">
                                                                                                    <thead class="thead-light">
                                                                                                        <tr>
                                                                                                            <th scope="col">Forma</th>
                                                                                                            <th scope="col">Data</th>
                                                                                                            <th scope="col">Valor</th>
                                                                                                        </tr>
                                                                                                    </thead>
                                                                                                    <tbody>
                                                                                                        @foreach ($sales_method_payment->where('sale_id','=', $sale->sale_id) as $product)
                                                                                                        <tr>
                                                                                                            <td>{{$product->method}}</td>
                                                                                                            <td>{{ date('d/m/y', strtotime($product->date_payment)) }}
                                                                                                                {{-- @if($product->product == "Aéreo")
                                                                                                                    <a type="button" class="btn btn-sm btn-primary" target="_blank" href="{{ route('newflightleg', $product->spid) }}"><i class="fa-solid fa-plane text-white"></i></a>
                                                                                                                @endif  --}}
                                                                                                            </td>
                                                                                                            <td>R$ {{ number_format( $product->final_price , 2, ",", ".") }}</td>
                                                                                                        </tr>
                                                                                                        @endforeach
                                                                                                    </tbody>
                                                                                                    <tfoot>
                                                                                                        <tr>
                                                                                                            <td><strong> Total</strong></td>
                                                                                                            <td></td>
                                                                                                            <td><strong>R$ {{ number_format( $sales_method_payment->where('sale_id','=', $sale->sale_id)->sum('final_price') , 2, ",", ".")}}</strong></td>
                                                                                                        </tr>
                                                                                                    </tfoot>
                                                                                                </table>
                                                                                            </div>
                                                                                        </div>
                                                                                        <h4 class="mb-0">Anexos</h4><br>
                                                                                        <hr width="100%" size="20" style="margin-top: -10px">
                                                                                        <div class="row">
                                                                                            <div class="table-responsive py-4" id="users-table" style="margin-top: -35px">
                                                                                                @foreach ($file_sales->where('sale_id','=', $sale->sale_id) as $file)
                                                                                                <div class="row align-items-center" style="margin-top: 10px;">
                                                                                                    <div class="col-auto">
                                                                                                    <!-- Avatar -->
                                                                                                        <a href="{{ asset('files/vouchers/').'/'.$file->title }}" target="_blank" class="avatar rounded-circle" style="margin-left: 20px;">
                                                                                                            <i class="fa-solid fa-cloud-arrow-down"></i>
                                                                                                        </a>
                                                                                                    </div>
                                                                                                    <div class="col ml--2">
                                                                                                        <h4 class="mb-0">
                                                                                                            <a href="{{ asset('files/vouchers/').'/'.$file->title }}" target="_blank">{{ substr($file->title,0,65) }}</a>
                                                                                                        </h4>

                                                                                                        <span class="text-success">●</span>
                                                                                                        <small>Anexado em: {{ date('d/m/Y H:m', strtotime($file->created_at)) }}</small>
                                                                                                    </div>
                                                                                                </div>
                                                                                                @endforeach
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-10">
                                                            <div class="d-flex align-items-center row">
                                                                <div class="col-6">
                                                                    <p class="text-default font-weight-bold">Data da Venda</p>
                                                                    <span class="font-weight-bolder">{{ date('d/m/Y', strtotime($sale->sale_date)) }}</span>
                                                                </div>
                                                                <div class="col-6">
                                                                    <p class="text-default font-weight-bold">Valor Total</p>
                                                                    <span class="font-weight-bolder">R$ {{ number_format($values->where('sale_id', '=', $sale->sale_id)->sum('final_price'), 2, ",", ".")  }}</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <hr class="horizontal dark mt-4 mb-0">
                                                </div>
                                            @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="text-center" style="float: right;">
                            <button type="submit" class="btn btn-success btn-sm mt-4">Atualizar Viagem</button>
                        </div>
                    </div>
                    </div>
                </form>
                        </div>
                    </div>
                    @include('layouts.footers.auth')
                </div>
            </div>
@endsection
<script src="{{ asset('argon/vendor/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js') }}"></script>
{{-- Client Filter Passengers --}}
@push('js')
<!-- Get Passengers -->
<script>
    $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
    });
    $(function(){
        $("#client_id").change(function(){
            var id = $("#client_id option:selected").val();
            $.ajax({
                type: 'PATCH',
                url: "{{ route('getpassengers', '') }}" + "/" + id,
                success: function(response) {
                    var response = JSON.parse(response);
                    var list =  document.querySelectorAll("#ul-list li");
                    if (list.length == 0) {
                        console.log(id);
                        $('#passengers-div').show();
                        response.forEach(element => {
                        $('#pass-div').find('ul').append(`
                        <li class="checklist-entry list-group-item flex-column align-items-start" id="li-list">
                            <div class="checklist-item checklist-item-default">
                                <div class="checklist-info" id="name_passenger">
                                    <h5 class="checklist-title mb-0">${element.first_name} ${element.last_name}</h5>
                                    <small>CPF: ${element.cpf} <strong>|</strong>  RG: ${element.rg} <strong>|</strong> Data de Nascimento: ${element.birth_date} <strong>|</strong> E-mail: ${element.email} <strong>|</strong> Preferência de Assento: ${element.seat_preference}</small>
                                </div>
                                <div>
                                    <div class="custom-control custom-checkbox custom-checkbox-default">
                                        <input type="checkbox" name="passenger_id[]" checked id="chk-todo-task-${element.id}" class="custom-control-input">
                                        <label class="custom-control-label" for="chk-todo-task-${element.id}"></label>
                                    </div>
                                </div>
                            </div>
                        </li>
                        `);
                    });
                    } else if (list.length > 0 && id != "null") {
                        console.log(list.length, id);
                        $('#passengers-div').show();
                        $("#ul-list li").empty();
                        $("#ul-list li").remove();
                        response.forEach(element => {
                        $('#pass-div').find('ul').append(`
                        <li class="checklist-entry list-group-item flex-column align-items-start" id="li-list">
                            <div class="checklist-item checklist-item-default">
                                <div class="checklist-info" id="name_passenger">
                                    <h5 class="checklist-title mb-0">${element.first_name} ${element.last_name}</h5>
                                    <small>CPF: ${element.cpf} <strong>|</strong>  RG: ${element.rg} <strong>|</strong> Data de Nascimento: ${element.birth_date} <strong>|</strong> E-mail: ${element.email} <strong>|</strong> Preferência de Assento: ${element.seat_preference}</small>
                                </div>
                                <div>
                                    <div class="custom-control custom-checkbox custom-checkbox-default">
                                        <input type="checkbox" name="passenger_id[]" checked id="chk-todo-task-${element.id}" class="custom-control-input">
                                        <label class="custom-control-label" for="chk-todo-task-${element.id}"></label>
                                    </div>
                                </div>
                            </div>
                        </li>
                        `);
                    });
                    } else if (id == "null") {
                        console.log(id, "abc");
                        $("#ul-list li").empty();
                        $("#ul-list li").remove();
                        $('#passengers-div').hide();
                    }
                }
            });

        });
    })
</script>
<!-- Get Products  -->
{{-- Provider Filter Product --}}
<script>

    $('#provider_id').on('change',function(){
        let id = $("#provider_id").val();
        console.log(id);
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getproducts', '') }}" + "/" + id,
            success: function(response) {
                var response = JSON.parse(response);
                $('#product_id').empty();
                $('#product_id').append('<option value=""></option>');
                response.forEach(element => {
                    $('#product_id').append(`<option value="${element['id']}">${element["title"]}</option>`);
                });
            }
        });
    });
</script>
<script src="{{ asset('argon/vendor/select2/dist/js/select2.min.js') }}"></script>

@endpush
@push('css')
<link rel="stylesheet" href="{{ asset('argon/vendor/select2/dist/css/select2.min.css') }}">
@endpush