@extends('layouts.app')
@section('css')
<style>
.filter-option,.filter-option-inner-inner{
margin:0px!important;
padding:3px 0!important;
}
</style>
@endsection
@section('content')
<ol class="breadcrumb">
        <li class="breadcrumb-item active class_select"><a href="{{ URL('/home') }}">Inicio</a></li>
        <li class="breadcrumb-item">Administrativos</li>
        <li class="breadcrumb-item">Permisos comisiones</li>
</ol>
<div class="row">
    <div class="col-12 col-xl-6">
        <h1 class="page-title">Permisos<span class="fw-semi-bold"> comisiones</span></h1>
    </div>
</div>

<div class="clearfix"></div>

@include('flash::message')

<div class="clearfix"></div>
<section class="widget" style="padding:20px 20px 0">
    @include('adminlte-templates::common.errors')
    <div class="widget-body">
        <div class="row">
            <div class="col-sm-12 class_padding">
                <div class="content_div">
                    <h4>Selecciona primero al promotor/territorio para después activar o desactivar las comisiones para cada uno.</h4>
                    <hr class="divider_tarjet " style="margin-top:0px; margin-bottom:0px;">
                </div>
            </div>
            <div class="col-lg-6 col-md-12 col-12"  style="padding: 20px 20px 50px 50px; border:none; border-right:1px solid #c9c9c9; ">
                <h4 style="color:#495057; font-size:14px;;"> Buscar por promotor/territorio</h4>
                <label class="labels">Selecciona el promotor/cliente a editar</label>
                <select class="selectpicker form-control " data-style="btn-default"
                    data-width="100%" name="busqueda"
                    tabindex="-1" id="busqueda">
                    <option class="dropdown-item" value="0" selected disabled>seleccione un promotor/territorio</option>
                    @foreach($promotores as $promotor)
                        <option class="dropdown-item" value="{!! $promotor->territorio_id !!}">{!! $promotor->user->name . " " .  $promotor->user->a_paterno. " " !!} (Territorio {!! $promotor->territorio_id !!})</option>
                    @endforeach
                </select>
                <label class="labels">Realiza tu búsqueda:</label>
                <div class="class_button_flex"  style="margin:30px 0 0;justify-content:start!important;">
                    <button id="btnSearch" type="button" class="btn1 btnDanger" style="margin:0 10px 0 0" >Buscar clientes activos</button>
                </div>
            </div>
            <div class="col-lg-6 col-md-12 col-12" style="padding: 20px 40px 0 30px;">
                <h4 style="color:#495057; font-size:14px;">Mostrando clientes de <span id="clientesde"></span></h4>
                <form method="post" action="{{ url('api/setPermisosComision') }}" id="form_enviar">
                    <div id="lista_prestamos"></div>
                    <a id="btnComisiones" href="#" class="btn2 btnSucces"  data-toggle="tooltip" title="Asegúrate de seleccionar los clientes que permiten comisión" style="margin:20px 10px 0 0; float:left!important;" >Actualizar permisos de comisión</a>
                </form>
            </div>
        </div>
    </div>
</section>
<div id="url_estatica" data-url="{{ url('/') }}"></div>
<div id="token" data-token='@csrf'></div>
@endsection


@section('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/js/select2.min.js"></script>
<script src="{!! asset('template') !!}/bower_components/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<script src="{!! asset('js/administrativo/permisos_comisiones.js') !!}"></script>
@endsection