@extends('admin.painel.layouts.app')

@section('title', 'Cadastros - Nível comissão')

@section('dashboard')

<style>
    .btn-mt-input{ margin-top: 26px; }
    .row-mt{ margin-top: 15px; }
    .row-mt-2{ margin-top: 30px; }
    .fa-2x{ font-size: 1.35em !important; }
</style>
<header class="page-header">
    <h2>Cadastros</h2>

    <div class="right-wrapper pull-right">
        <ol class="breadcrumbs">
            <li><span>Parceiros</span></li>
            <li><span>Nível comissão</span></li>
        </ol>

        <a class="sidebar-right-toggle"><i class="fa fa-chevron-left"></i></a>
    </div>
</header>

<div class="section-page">
    <div class="container-fluid">
        <div class="row row-mt">
            <div class="col-md-12">
                <h4>Cadastrar novo nível de comissão</h4>
            </div>
        </div>
        <form id="form-vrcomissao" action="{{ route('store.vrnivel.comissao') }}" method="post">@csrf
            
            <div class="row row-mt form-group">
                <div class="col-md-2">
                    <label for="nr_nivel">Número nível</label>
                    <input type="text" name="nr_nivel" id="nr_nivel" class="form-control centena" required>
                </div>
                <div class="col-md-2">
                    <label for="vr_comissao">Valor percentual</label>
                    <input type="text" name="vr_comissao" id="vr_comissao" class="form-control valor" required maxlength="6">
                </div>
            </div>
            
            <div class="row row-mt">
                <div class="col-md-12 text-right">
                    <button type="submit" class="btn btn-success btn-flex text-uppercase" onclick="$('#form-vrcomissao').submit();">
                        <i class="fa fa-check fa-fw"></i>
                        salvar
                    </button>
                </div>
            </div>
        </form>

        <hr class="divider">

        <div class="row row-mt">
            <div class="col-md-12">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped table-condensed mb-none">
                        <thead>
                            <th class="text-center">Código</th>
                            <th class="text-center">Nível</th>
                            <th class="text-center">Percentual comissão</th>
                            <th class="text-center">Usuário</th>
                            <th class="text-center">Data cadastro</th>
                            <th class="text-center">Ações</th>
                        </thead>
                        <tbody>
                            @forelse($vr_comissao as $com)
                                <tr>
                                    <td class="text-center">{{ $com->cd_gercomissao }}</td>
                                    <td class="text-center">{{ $com->nr_nivel }}</td>
                                    <td class="text-center">{{ $com->vr_comissao }}</td>
                                    <td class="text-center">{{ $com->usuario->name }}</td>
                                    <td class="text-center">{{ \Carbon\Carbon::parse($com->created_at)->format('d/m/Y H:i') }}</td>
                                    <td class="text-center">
                                        <div class="btn-group btn-group-sm">
                                            <button class="btn btn-info" data-toggle="modal" data-target="#editar-{{ $com->id }}">
                                                <i class="fa fa-pencil fa-fw"></i>
                                            </button>

                                            <!-- Modal -->
                                            <div class="modal fade" id="editar-{{ $com->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-md text-left" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4>Editar nível comissão</h4>
                                                        </div>
                                                        <form id="form-edita-{{ $com->id }}" action="{{ route('update.vrnivel.comissao', ['id' => $com->id]) }}" method="post">@csrf
                                                            
                                                            <div class="modal-body">
                                                                <div class="row row-mt form-group">
                                                                    <div class="col-md-3">
                                                                        <label for="nr_nivel1">Número nível</label>
                                                                        <input type="text" name="nr_nivel1" id="nr_nivel1" class="form-control centena"  value="{{ $com->nr_nivel }}" required>
                                                                    </div>
                                                                    <div class="col-md-3">
                                                                        <label for="vr_comissao1">Valor percentual</label>
                                                                        <input type="text" name="vr_comissao1" id="vr_comissao1" class="form-control valor" value="{{ $com->vr_comissao }}" required maxlength="6">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="submit" class="btn btn-success text-uppercase" onclick="$('#form-edita-{{ $com->id }}').submit();"> <i class="fa fa-check fa-fw"></i> salvar</button>
                                                                <button type="button" class="btn btn-danger text-uppercase" data-dismiss="modal"> <i class="fa fa-times fa-fw"></i> fechar</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>

                                            <button class="btn btn-danger" data-toggle="modal" data-target="#remover-{{ $com->id }}">
                                                <i class="fa fa-trash-o fa-fw"></i>
                                            </button>

                                            <!-- Modal -->
                                            <div class="modal fade" id="remover-{{ $com->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-sm modal-confirma" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-body text-center">
                                                            <h4 style="margin-bottom: 30px;">Você deseja excluir este registro?</h4>
                                                            <button type="button" class="btn btn-primary" onclick="$('#form-remove-{{ $com->id }}').submit();">Confirma</button>
                                                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancela</button>
                                                        </div>
                                                    </div>
                                                    <form id="form-remove-{{ $com->id }}" action="{{ route('remover.vrnivel.comissao', ['id' => $com->id]) }}" method="get">
                                                        @csrf
                                                    </form>
                                                </div>
                                            </div>

                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center">Nenhum registro encontrado!</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</div>

@endsection