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

@section('content')
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-end">
            <h3>Cobranças de <b>{{ $associado->nome . ' ' . $associado->sobrenome }}</b> referente a <b>{{ str_pad($mes , 2 , '0' , STR_PAD_LEFT).'/'.$ano}}</b></h3>
            <div class="d-flex">
                <div id="perfilAssociado" class='pb-1 mr-3'>
                    @if($isAdmin)
                        <a href="{{ route('associados.edit', ['id'=>\Crypt::encrypt($associado->id)]) }}" class="text-white" data-toggle="tooltip" data-placement="top" title="Visualizar perfil do associado" >
                            <i class="fas fa-user"></i>
                        </a>
                    @else
                        <a href="{{ route('associado.perfil') }}" class="text-white" data-toggle="tooltip" data-placement="top" title="Visualizar perfil do associado" >
                            <i class="fas fa-user"></i>
                        </a>
                    @endif
                </div>
                <div id="divVoltar" class='pb-1 mr-3'>
                    @if($isAdmin)
                        <a href="{{ route('viagem_juletur', ['mes' => $mes, 'ano' => $ano]) }}" class="text-white">
                            <i class="fas fa-reply"></i>
                        </a>
                    @else
                        <a href="{{ route('perfil.usuario') }}" class="text-white">
                            <i class="fas fa-reply"></i>
                        </a>
                    @endif
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class='table-responsive'>
                @if (!$isAdmin)
                <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'=> 'viagem_juletur.detalhamento']) !!}
                <div class='form-row'>
                    {!! Form::hidden('id', \Crypt::encrypt($associado->id)) !!}
                    <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>
                    <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>
                        <tr>
                            <th>Data</th>
                            <th>Tipo</th>
                            <th>Sentido</th>
                            <th>Turno</th>
                            <th>Rota</th>
                            <th>Valor</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(!empty($dataReturn))
                            @foreach($dataReturn as $item)
                                <tr>
                                    <td>{{ \Carbon\Carbon::parse($item['data'])->format('d/m/Y') }}</td>
                                    <td>{{ $item['tipo'] }}</td>
                                    <td>{{ $sentidos[$item['sentido']] ?? $item['sentido'] }}</td>
                                    <td>{{ $turnos[$item['turno']] ?? $item['turno'] }}</td>
                                    <td>{{ $item['rota'] }}</td>
                                    <td class="{{ in_array($item['tipo'], ['Descontado do Saldo', 'Dívida Rolada Para o Mês Seguinte']) ? 'green' : 'red' }}">
                                        {{ in_array($item['tipo'], ['Descontado do Saldo', 'Dívida Rolada Para o Mês Seguinte']) ? '' : '-' }}{{ $item['valor'] }}
                                        @if($item['tipo'] === 'Descontado do Saldo' && $isAdmin)
                                            <a href="#" onclick="return CancelarDesconto({{$item['id']}})" class='btn-default btn btn-xs' title='Reverter Desconto'><i class="fas fa-trash text-muted"></i> </a>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                    </tbody>
                    <tfoot>
                        <tr style="font-size: 16px; font-weight: bold">
                            <th>TOTAL DEVIDO:</th>
                            <th colspan="5" style="text-align: right;">
                                R$ {{ $valorDevidoTotal >= 0 ? $valorDevidoTotal : '-'.$valorDevidoTotal  }}
                            </th>
                        </tr>
                        <tr style="font-size: 16px; font-weight: bold">
                            <th>TOTAL EM CRÉDITO:</th>
                            <th colspan="5" style="text-align: right;">
                                R$ {{ ($associado['credito'] ?? 0) >= 0 ? $associado['credito'] : '-'.($associado['credito'] ?? 0)  }}
                            </th>
                        </tr>
                    </tfoot>
                </table>
                <div class="row" style="display: flex; margin: 0; justify-content: end">
                    <div class="col-md-6">
                        @if($valorDevidoTotal > 0 && $isAdmin)
                            <div class="input-group input-group-sm">
                                <span class="input-group-append">
                                    <button type="button" class="btn btn-danger btn-flat btnRolarProMesSeguinte-{{ $associado['id'] }}" onclick="rolarDivida(this, '{{ $associado['id'] }}', '{{ $mes }}', '{{ $ano }}')">
                                        <i class="fa fa fa-money-bill-alt"></i>
                                        Rolar dívida
                                    </button>
                                </span>
                            </div>
                        @endif
                    </div>
                    <div class="col-md-6">
                        @if(($associado['credito'] ?? 0) > 0 && $valorDevidoTotal > 0 && $isAdmin)
                            <div class="input-group input-group-sm">
                                <input step="0.01" type="number" class="form-control valorDescontar-{{ $associado['id'] }}" value="{{ min(($valorDevidoTotal), ($associado['credito'] ?? 0)) }}">
                                <span class="input-group-append">
                                    <button type="button" class="btn btn-primary btn-flat btnDescontarSaldo-{{ $associado['id'] }}" onclick="aplicarDesconto(this, '{{ $associado['id'] }}', '{{ $mes }}', '{{ $ano }}')">
                                        <i class="fa fa-money-check-alt"></i>
                                        Descontar saldo positivo
                                    </button>
                                </span>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if ($isAdmin)
    <script>
        function CancelarDesconto(id) {
            Swal.showLoading();

            $.ajax({
                url: '/relatorio/viagem_juletur/cancelardesconto/'+id,
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    swal.fire(
                        'Sucesso!',
                        response.message,
                        'success'
                    );

                    setTimeout(() => {
                        location.reload()
                    }, 1200)
                },
                error: function(xhr) {
                    swal.fire(
                        'Erro!',
                        xhr.responseJSON.message,
                        'erro'
                    );
                },
            });

            Swal.close();
        }

        async function rolarDivida(element, associadoId, mes, ano) {
            const { value } = await swal.fire({
                title: 'Tem certeza que deseja rolar essa dívida para o mês seguinte?',
                text: 'Essa ação não poderá ser desfeita"',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sim, Rolar Dívida!',
                cancelButtonText: 'Cancelar!',
                closeOnConfirm: false,
            })

            if (!value) {
                return
            }

            Swal.showLoading();
            $(element).attr('disabled', true)

            $.ajax({
                url: '{{ route("viagem_juletur.rolarDivida") }}',
                type: 'POST',
                data: {
                    associadoId: associadoId,
                    mes: mes,
                    ano: ano,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    swal.fire(
                        'Sucesso!',
                        response.message,
                        'success'
                    );
                    setTimeout(() => {
                        location.reload()
                        Swal.close();
                        $(element).attr('disabled', false)
                    }, 1500)
                },
                error: function(xhr) {
                    swal.fire(
                        'Erro!',
                        xhr.responseJSON.message,
                        'erro'
                    );
                },
            });
        }

        function aplicarDesconto(element, associadoId, mes, ano) {
            const valorAtualDevido = "{{ $valorDevidoTotal }}";
            const valorDescontar = $('.valorDescontar-' + associadoId).val();

            if (parseFloat(valorAtualDevido) < parseFloat(valorDescontar)) {
                return toastr.error("O valor a ser descontado deve ser menor que o valor devido pelo associado", 'Erro!')
            }

            Swal.showLoading();
            $(element).attr('disabled', true)

            $.ajax({
                url: '{{ route("viagem_juletur.aplicarDesconto") }}',
                type: 'POST',
                data: {
                    associadoId: associadoId,
                    valorDescontar: valorDescontar,
                    mes: mes,
                    ano: ano,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    toastr.success(response.message, 'Sucesso!')
                    setTimeout(() => {
                        location.reload()
                        Swal.close();
                        $(element).attr('disabled', false)
                    }, 700)
                },
                error: function(xhr, status, error) {
                    toastr.error(xhr.responseJSON.message, 'Erro!')
                    Swal.close();
                    $(element).attr('disabled', false)
                },
            });
        }
    </script>
    @endif
    <style>
        .green, .red {
            font-weight: bold;
        }
        .green {
            color: green;
        }
        .red {
            color: red
        }
    </style>
@stop

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