@extends('WebApp.template.master')

@section('menu')
@include('WebApp.template.header')
@endsection

@push('cssStyle')
<link rel="stylesheet" type="text/css" href="{{asset('/assets/css/sistema/fab.css')}}">
<link rel="stylesheet" type="text/css" href="{{ asset('/assets/css/page/simulacao.css') }}">
@endpush


@push('jsScript')
<script type="text/javascript" src="{{asset('/assets/js/sistema/fab.js')}}"></script>
<script type="text/javascript" src="{{ asset('/assets/js/page/simulacao.js') }}"></script>
@endpush


@section('content')
<div id="consultaSimulacao" data-idSimulacao="{{ $simulacao->id }}">
    <div class="bg-light p-3">
        <fieldset>
            <div class="row">
                <div class="col-10 col-md-10 col-lg-10">
                    <h4 class="text-primary">
                        Simulação Nº {{ $simulacao->id }}
                    </h4>

                    <span id="data_criacao" data-date="{{ date('d/m/Y', strtotime($simulacao->created_at)) }}">
                        Criado em {{ date('d/m/Y', strtotime($simulacao->created_at)) }} por {{ $usuario->nome }}
                    </span>
                </div>
                <div class="col-2 col-md-4 col-lg-2 float-right">
                    <h5 class="text-muted text-right">
                        @if($simulacao->baseEmpresa == 1)
                        Consoli
                        @else
                        Fotus
                        @endif
                    </h5>
                </div>
                <div class="input-group input-group-sm col-9 col-md-6 col-lg-4 mt-3">
                    <div class="input-group input-group-sm mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text" for="status">Status</span>
                        </div>
                        <select id="statusSimulacao" name="centroCusto" class="form-control form-control-sm">
                            @foreach($status as $statusIndice)
                            @if($statusIndice->id == $simulacao->status_id)
                            <option value="{{ $statusIndice->id }}" selected>{{ $statusIndice->descricao }}
                            </option>
                            @else
                            <option value="{{ $statusIndice->id }}">{{ $statusIndice->descricao }}</option>
                            @endif
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <hr>

            <div class="row">
                <div class="col-12 col-md-6 col-lg-6">
                    <h5 for="font-weight-bold">Formando</h5>
                    <p class="text-muted">
                        <span id="formando" data-id="{{$aluno->id}}" class="font-weight-bold">{{ $aluno->id }}</span>
                         - {{ $aluno->nome }}
                        <br>
                        {{ $aluno->cpf }}
                    </p>
                </div>
                <div class="col-12 col-md-3 col-lg-3 text-center">
                    <h5 for="font-weight-bold">Centro Custo</h5>
                    <p id="centroCusto" class="text-muted" data-centroCustoId="{{$centroCusto->id}}">
                        {{ $centroCusto->nome }}
                    </p>
                </div>
                <div class="col-12 col-md-3 col-lg-3 text-center">
                    <h5 for="font-weight-bold">Conta Caixa</h5>
                    <p class="text-muted">
                        @foreach($contaCaixa as $conta)
                           {{$conta->nome}}
                        @endforeach
                    </p>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-12 col-md-4 col-lg-3">
                    <h5 for="font-weight-bold">Taxa Administrativa</h5>
                    <p class="text-muted">
                        <span class="font-weight-bold">Quantidade: </span>
                        {{ $simulacao->qtdTaxaAdm }}
                        <br>
                        <span class="font-weight-bold"> Valor: </span>
                        {{ 'R$ ' . number_format($simulacao->valorTaxaAdm, 2, ',', '.') }}
                        <br>
                        <span class="font-weight-bold">Total: </span>
                        <span class="text-success">
                            {{ 'R$ ' . number_format($simulacao->qtdTaxaAdm * $simulacao->valorTaxaAdm, 2, ',', '.') }}
                        </span>
                    </p>
                </div>
                <div class="col-12 col-md-4 col-lg-3">
                    <h5 for="font-weight-bold">Cancelamentos</h5>
                    <p class="text-muted">
                        <span class="font-weight-bold">Quantidade: </span>
                        {{ $simulacao->qtdCancelamento }}
                        <br>
                        <span class="font-weight-bold"> Valor: </span>
                        {{ 'R$ ' . number_format($simulacao->valorCancelamento, 2, ',', '.') }}
                        <br>
                        <span class="font-weight-bold">Total: </span>
                        <span class="text-success">
                            {{ 'R$ ' . number_format($simulacao->qtdCancelamento * $simulacao->valorCancelamento, 2, ',', '.') }}
                        </span>
                    </p>
                </div>
                <div class="col-12 col-md-4 col-lg-3 text-center">
                    <h5 for="font-weight-bold">Primeiro Vencimento</h5>
                    <p id="primeiroVencimento" class="text-muted text-size-lg"
                        data-primeirovencimento="{{ date('Y-m-d', strtotime($simulacao->primeiroVencimento))}}">
                        {{date('d/m/Y', strtotime($simulacao->primeiroVencimento))}}
                    </p>
                </div>
                <span id="qtdDiasEntreVencimento" class="d-none" style="display:none;"
                    data-dias="{{ $simulacao->diasEntreVencimento }}"></span>
                <div class="col-12 col-md-4 col-lg-3 text-center">
                    <h5 for="font-weight-bold">Nº de propostas</h5>
                    <p id="qtdProposta" data-qtdProposta="{{count($parcelas)}}" class="text-muted text-size-lg">
                        {{count($parcelas)}}
                    </p>
                </div>
            </div>
            <hr>
            <div class="row d-flex justify-content-around">
                <div class="col-12 col-md-4 col-lg-2 text-center">
                    <h5 for="font-weight-bold">Valor Original</h5>
                    <p class="text-info">
                        @if ($simulacao->novoValor)
                            <span  id="totalDivida" class="text-size-lg">
                                {{ 'R$ ' . number_format($simulacao->novoValor, 2, ',', '.') }}
                            </span>
                            <br>
                            <del class="text-dark">
                                {{ 'R$ ' . number_format($simulacao->valorOriginal, 2, ',', '.') }}
                            </del>
                        @else
                            <span id="totalDivida" class="text-size-lg" >
                                {{ 'R$ ' . number_format($simulacao->valorOriginal, 2, ',', '.') }}
                            </span>
                        @endif

                    </p>
                </div>
                <div class="col-12 col-md-4 col-lg-2 text-center">
                    <h5 for="font-weight-bold">Avista</h5>
                    <p id="valorAvista" class="text-success text-size-lg" data-valor="{{($simulacao->valorNegociar - ($simulacao->descontoAvista / 100 * $simulacao->valorNegociar ))}}">
                        {{ 'R$ ' . number_format(($simulacao->valorNegociar - ($simulacao->descontoAvista / 100 * $simulacao->valorNegociar )), 2, ',', '.') }}
                        <br>
                        @if($simulacao->descontoAvista > 0)
                            <small class="text-dark">
                                {{ $simulacao->descontoAvista .'%' }}
                            </small>
                        @endif
                        </p>
                    </div>
                <div class="col-12 col-md-4 col-lg-2 text-center">
                    <h5 for="font-weight-bold">Valor a negociar</h5>
                    <p id="valorNegociar" class="text-danger text-size-lg" data-valornegociar="{{$simulacao->valorNegociar}}">
                        {{ 'R$ ' . number_format($simulacao->valorNegociar, 2, ',', '.') }}
                    </p>
                </div>
            </div>
            <hr>
            <div class="col-12 col-md-4 col-lg-12">
                <h5 for="font-weight-bold mb-2">Propostas</h5>

                <table class="d-none table table-sm table-hover table-striped table-bordered tableClick col-6"
                    cellspacing="0">
                    <thead>
                        <tr>
                            <th id="numProposta" class="th-sm" scope="col">Proposta</th>
                            <th class="th-sm" scope="col">Qtd Parcelas</th>
                            <th class="th-sm" scope="col">Parcela</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($parcelas as $parcela)
                        <tr>
                            <td id="indiceParcela{{$parcela->indiceParcela}}"
                                data-propostaSelecionada="{{$parcela->status}}">{{ $parcela->indiceParcela }}</td>
                            <td id="qtdParcela{{ $parcela->indiceParcela }}"
                                data-qtdParcela="{{ $parcela->qtdParcela }}"></td>
                            <td id="valorParcela{{ $parcela->indiceParcela }}"
                                data-valorParcela="{{ $parcela->valorParcela }}"></td>
                            <td id="valorJuros{{ $parcela->indiceParcela }}"
                                data-valorJuros="{{ $parcela->valorJuros }}"></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                <div id="consultaProposta" class="row justify-content-around">
                </div>
            </div>
        </div>
        <div id="msgp" class="bg-light p-3 mt-4" style="">
            <fieldset>
                <ul class="nav nav-tabs" id="msgpTab" role="tablist">
                @php
                $i = 0
                @endphp
                @foreach ($msgp as $categoria)
                    <li class="nav-item" role="presentation">
                    @if ($i++ == 0)
                        <a class="nav-link font-weight-bold active" id="categoria-{{$categoria->id}}-tab" data-toggle="tab" href="#categoria-{{$categoria->id}}" role="tab" aria-controls="categoria-{{$categoria->id}}" aria-selected="true">{{$categoria->descricao}}</a>
                    @else
                        <a class="nav-link font-weight-bold" id="categoria-{{$categoria->id}}-tab" data-toggle="tab" href="#categoria-{{$categoria->id}}" role="tab" aria-controls="categoria-{{$categoria->id}}" aria-selected="true">{{$categoria->descricao}}</a>
                    @endif
                    </li>
                @endforeach
                </ul>
                <div class="tab-content" id="msgpTabContent">
                    @php
                    $iMsgo = 0
                    @endphp
                    @foreach ($msgp as $categoria)
                        @if ($iMsgo++ == 0)
                            <div class="tab-pane fade show active" id="categoria-{{$categoria->id}}" role="tabpanel" aria-labelledby="categoria-{{$categoria->id}}-tab">
                        @else
                            <div class="tab-pane fade" id="categoria-{{$categoria->id}}" role="tabpanel" aria-labelledby="categoria-{{$categoria->id}}-tab">
                        @endif
                        <div class="msgp-chooser row pn-1">
                            @php
                            $iMsg = 1;
                            $len = count($categoria->mensagens);
                            @endphp

                            @if(!$categoria->mensagens->count())
                                <div class="w-100 msgp-chooser-item p-1 col-4">
                                        <label class="mb-1 mt-2 pl-2" for="msg-manual-{{$categoria->id}}">Mensagem manual</label>
                                        <textarea id="msg-manual-{{$categoria->id}}" name="msg-manual" class="px-2 w-100 text-justify" aria-label="Text input with radio button" placeholder="Digite sua mensagem personalizada aqui"></textarea>
                                    <input name="box" value="msg-manual-{{$categoria->id}}" type="radio">
                                </div>
                            @else
                                @foreach ($categoria->mensagens as $mensagem)
                                @if($iMsg++ == $len)
                                <div class="w-100 msgp-chooser-item p-1 col-4">
                                        <label class="mb-1 mt-2 pl-2" for="{{$mensagem->id}}">{{$mensagem->titulo}}</label>
                                        <textarea id="{{$mensagem->id}}"" class="px-2 w-100 text-justify" aria-label="Text input with radio button" readonly>{{$mensagem->texto}}</textarea>
                                    <input name="box" value="{{$mensagem->id}}" type="radio">
                                </div>
                                <div class="w-100 msgp-chooser-item p-1 col-4">
                                        <label class="mb-1 mt-2 pl-2" for="msg-manual-{{$categoria->id}}">Mensagem manual</label>
                                        <textarea id="msg-manual-{{$categoria->id}}" name="msg-manual" class="px-2 w-100 text-justify" aria-label="Text input with radio button" placeholder="Digite sua mensagem personalizada aqui"></textarea>
                                    <input name="box" value="msg-manual-{{$categoria->id}}" type="radio">
                                </div>
                                @else
                                <div class="w-100 msgp-chooser-item p-1 col-4">
                                        <label class="mb-1 mt-2 pl-2" for="{{$mensagem->id}}">{{$mensagem->titulo}}</label>
                                        <textarea id="{{$mensagem->id}}"" class="px-2 w-100 text-justify" aria-label="Text input with radio button" readonly>{{$mensagem->texto}}</textarea>
                                    <input name="box" value="{{$mensagem->id}}" type="radio">
                                </div>
                                @endif
                                @endforeach
                            @endif
                        </div>
                    </div>
                    @endforeach
                </div>
            </fieldset>
        </div>
        <div id="fabMessages" class="btn-fab" style="display:none">
        <button id="mainFab">
            <i class="fa fa-plus"></i>
        </button>
        <ul>
            <li>
                <button id="msgWhatsapp" class="info-system" data-toggle="tooltip" data-placement="left"
                    title="Mandar WhatsApp">
                    <i class="fa fa-whatsapp"></i>
                </button>
            </li>
        </ul>
    </div>
</div>
@endsection