@extends('layouts.default')
@section('title', 'Valores Viagens do Mês')

@section('content')
<div class="alert alert-success alert-dismissible fade show" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
    <h5 style="text-align: center"><strong> FORMA DE COBRANÇA: </strong></h5>
    <ul>
        <li> No Cronograma e não Viajado = <strong>COBRADO </strong> </li>
        <li> Viagem no Cronograma = <strong>COBRADO </strong> </li>
        <li> Viagem fora Cronograma = <strong>COBRADO * 2 </strong> </li>
    </ul>
    <h6>Caso não tenha ocorrido viagem na data para aquele turno, sentido e rota não é cobrado mesmo estando no cronograma.</h6>
</div>
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-end">
        <h3>Cobranças de <b>{{ $nmAssociado }}</b> referente a <b>{{ $mes.'/'.$ano}}</b></h3>
    </div>
    <div class="card-body">
        <div class='table-responsive'>
            @if (!$possuiPermissao)
                <div class="alert alert-primary alert-dismissible fade show" role="alert">
                    <p>
                        As informações exibidas nesta tela podem estar sujeitas a atrasos na atualização, uma vez que dependem da sincronização do aplicativo com o sistema. Ademais, é possível que algumas viagens sejam corrigidas devido a registros inválidos.
                    </p>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif
            {!! Form::open(['route'=> isset($modo) && $modo == 'antecipado' ? 'viagemmesantecipado.detalhamento' : 'viagemmes.detalhamento']) !!}
            <div class='form-row'>
                <div class="form-group col-md-1">
                    {!! Form::label('mes', 'Mês:') !!}
                    {!! Form::number('mes', $mes, ['min'=>'1', 'max'=>'12', 'class'=>'form-control']) !!}
                </div>
                <div class="form-group col-md-1">
                    {!! Form::label('ano', 'Ano:') !!}
                    {!! Form::number('ano', $ano, ['min'=>'2021', 'max'=>'2190', 'class'=>'form-control']) !!}
                </div>
                {!! Form::hidden('id', $id) !!}
                <div class="form-group col-md-1" style='display: flex; align-items: flex-end;'>
                    {!! Form::submit('Buscar', ['class'=>'btn btn-primary']) !!}
                </div>
            </div>
            {!! Form::close() !!}

            <table class='table table-striped table-bordered table-hover table-sm'>
                <thead>
                    <th>Data de Embarque</th>
                    <th>Turno</th>
                    <th>Sentido</th>
                    <th>Rota</th>
                    <th>Finalidade</th>
                    <th>Tipo</th>
                    <th>Valor</th>
                </thead>
                <tbody>
                    @foreach($cobrancasAssociado as $viagem)
                        <tr>
                            <td>{{ isset($viagem['dataembarque']) ? \Carbon\Carbon::parse($viagem['dataembarque'])->format('d/m/Y')  : '' }}</td>
                            <td>{{ $turnos[$viagem['turno'] ?? ''] ?? '' }}</td>
                            <td>{{ $sentidos[$viagem['sentindo'] ?? ''] ?? '' }}</td>
                            <td>{{ $rotas[$viagem['rota'] ?? ''] ?? '' }}</td>
                            <td>{{ $viagem['finalidade'] ?? '' }}</td>
                            <td>{{ $viagem['tipo'] ?? '' }} {{$viagem['tipo_extra'] ?? ''}}</td>
                            <td align="right">{{ number_format($viagem['valor'] ?? 0, 2) }} </td>
                        </tr>
                    @endforeach
                    @if ($valorSaldoPositivo > 0)
                        <tr>
                            <td colspan="5"></td>
                            <td>SaldoPositivo</td>
                            <td align="right">
                                -{{ number_format($valorSaldoPositivo, 2) }}
                                <button type="button" class="btn btn-sm btn-danger" onclick="ExcluirSaldoPositivo('{{$mes}}', '{{$ano}}', '{{$associado_id}}')"> Excluir </button>
                            </td>
                        </tr>
                    @endif
                </tbody>
                <tfoot>
                    <tr>
                        <th> Total: </th>
                        <th colspan="6" style="text-align: right;"> {{ number_format((array_sum(array_column($cobrancasAssociado, 'valor')) - $valorSaldoPositivo), 2) }} </th>
                    </tr>
                    @if ($possuiPermissao)
                    <tr id="saldo_positivo">
                        <th>Saldo Positivo:</th>
                        <th>
                            <input type="text" id="valor_saldo_positivo" class="form-control" maxlength='6'>
                        </th>
                        <th>
                            <button type="button" class="btn btn-primary" onclick="SaveSaldoPositivo('{{$mes}}', '{{$ano}}', '{{$associado_id}}')"> Adicionar </button>
                        </th>
                    </tr>
                    @endif
                </tfoot>
            </table>
        </div>
        @if ($possuiPermissao)
            <button type="button" class="btn btn-primary" onclick="MostrarCampoSaldoPositivo()"> Adicionar Saldo Positivo </button>
        @endif
    </div>
</div>


@if ($possuiPermissao)
<style>
    #saldo_positivo {
        display: none;
    }
</style>

<script>
	function MostrarCampoSaldoPositivo() {
        $('#saldo_positivo').show();
	}

	function SaveSaldoPositivo(mes, ano, associado_id) {
        const valor = $(valor_saldo_positivo).val().replace(",", ".");;
		$.ajax({
		    url: '/saldopositivousuario/store',
		    type: 'POST',
		    data: {
                mes: mes,
                ano: ano,
                valor: valor,
                associado_id: associado_id,
		    	"_token": "{{ csrf_token() }}",
		    },
		    success: function(response) {
                swal.fire(
                    'Sucesso!',
                    response.message,
                    'success'
                );
                setTimeout(() => {
                    location.reload();
                }, 2000);
		    },
		});
	}

    function ExcluirSaldoPositivo(mes, ano, associado_id) {
		$.ajax({
		    url: '/saldopositivousuario/destroy',
		    type: 'POST',
		    data: {
                mes: mes,
                ano: ano,
                associado_id: associado_id,
		    	"_token": "{{ csrf_token() }}",
		    },
		    success: function(response) {
                swal.fire(
                    'Sucesso!',
                    response.msg,
                    'success'
                );
                setTimeout(() => {
                    location.reload();
                }, 2000);
		    },
		});
	}
</script>
@endif
@stop

@section('table-delete')
""
@stop