@extends('layouts.dashboard')
@section('css')
    <link href="{{ asset('css/receptores/create.css') }}" rel="stylesheet">
@endsection

@section('js')
    <script src="{{ asset('js/vilidationRules.js?version='.version_js()) }}"></script>
    <script src="{{ asset('js/users/main.js?version='.version_js()) }}"></script>
@endsection

@section('content')

    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">
            <div class="col-sm-4">
                <div class="page-title-heading">
                    <div>
                        <div class="page-title-subheading">

                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-8">
                <div class="page-header float-right">
                    <nav class="" aria-label=" breadcrumb">
                        <ol class="breadcrumb text-right">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
                            <li class="active breadcrumb-item" aria-current="page"><a
                                    href="{{ route('users.index') }}">Usuarios</a></li>
                            <li class="active breadcrumb-item" aria-current="page">
                                {{ $user[0]->nombre ? $user[0]->nombre : 'Edicion de usuario' }}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    @if (session('message'))
        <div class="alert alert-success alert-dismissable col-4"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('message') }}</strong>
        </div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger alert-dismissable col-4"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>
                        <strong>{{ $error }}</strong>
                    </li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="animated fadeIn d-flex justify-content-center mt-5">
        <form action="{{ url('/users/' . $user[0]->id_usuario) }}" method="POST" class="col-lg-6 col-md-12"
            autocomplete="off">
            @csrf
            @method('PUT')
            <script>
                var _sucursal = "{{ $user[0]->id_mat_suc }}";
                var _rol = "{{ $user[0]->id }}";
            </script>
            <div class="card">
                <div class="card-header">Datos generales del usuario</div>
                <div class="card-body card-block">
                    <div class="row form-group">
                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">E-mail
                            </label><span class="color-red " style="color: red;">*</span></div>
                        <div class="col-12 col-md-9">
                            <input id="txt_email" name="email" placeholder="Ingrese su correo electrónico"
                                class="form-control input-mask-trigger" data-inputmask="'alias': 'email'" im-insert="true"
                                value="{{ $user[0]->email }}"
                                pattern="[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*@[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{1,5}">

                            <small class="form-text text-muted"></small>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class="col col-md-3">
                            <label for="txt_nombre" class=" form-control-label">Nombre
                            </label><span class="color-red " style="color: red;">*</span>
                        </div>

                        <div class="col-12 col-md-9">
                            <input type="text" id="txt_nombre" name="name" placeholder="Nombre" class="form-control"
                                required="" value="{{ $user[0]->nombre }}" @if($otra_organizacion == true) readonly @endif>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col col-md-3"><label for="txt_apat" class=" form-control-label">Apellido paterno
                            </label></div>
                        <div class="col-12 col-md-9">
                            <input type="text" id="txt_apat" name="txt_apat" placeholder="Apellido paterno"
                                class="form-control" value="{{ $user[0]->ApellidoPaterno }}" @if($otra_organizacion == true) readonly @endif>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col col-md-3"><label for="txt_amat" class=" form-control-label">Apellido
                                materno</label></div>
                        <div class="col-12 col-md-9"><input type="text" id="txt_amat" name="txt_amat"
                                placeholder="Apellido materno" class="form-control"
                                value="{{ $user[0]->ApellidoMaterno }}" @if($otra_organizacion == true) readonly @endif>
                        </div>
                    </div>

                </div>
            </div>

            <div class="card">
                <div class="card-header">Cuenta de usuario</div>
                <div class="card-body card-block">

                    <div class="row form-group">
                        <div class="col col-md-3" style="padding-left: 8px;">
                            <label for="slc_emisor" class=" form-control-label">Emisor
                            </label>
                        </div>

                        <div class="col-12 col-md-9">
                            <select class="form-control" id="slc_emisor" name="slc_emisor"
                                onchange="User.cargar_sucursales(this);">
                                @foreach ($emisores as $emisor)
                                    <option value="{{ $emisor->id_emisor }}"
                                        @if ($emisor->id_emisor == session('ses_id_emisor')) selected @endif>
                                        {{ $emisor->razon_social }} </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col col-md-3" style="padding-left: 8px;"><label for="text-input"
                                class=" form-control-label">Rol de usuario
                            </label>
                        </div>
                        <div class="col-12 col-md-9">
                            <select class="form-control" id="slc_rolUsuario" name="slc_rolUsuario">
                                @foreach ($roles as $rol)
                                    <option value="{{ $rol->id }}">
                                        {{ $rol->name }} </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col col-md-3" style="padding-left: 8px;"><label for="text-input"
                                class=" form-control-label">Acceso a
                            </label>
                        </div>
                        <div class="col-12 col-md-9">
                            <select name="cbx_accesoA" id="cbx_accesoA" class="form-control">
                                @foreach ($matriz_sucursal as $item)
                                    <option value="{{ $item->id_mat_suc }}" descripcion="{{ $item->mat_suc }}">
                                        {{ $item->mat_suc == 'M' ? 'Matriz' : $item->nombre_comercial }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="row form-group">
                        <div class="col col-md-3" style="padding-left: 8px;"><label for="text-input"
                                class=" form-control-label">Cancelación
                            </label>
                        </div>
                        <div class="col-12 col-md-9">
                            <select class="form-control" id="slc_cancelacion" name="slc_cancelacion">
                                <option value="A">
                                    Activa </option>
                                <option value="C">
                                    Desactivada </option>
                                <option value="M-C">
                                    Mes en curso </option>
                                <option value="U-T">
                                    Último trimestre </option>
                                <option value="A-C">
                                    Año en curso </option>
                            </select>
                        </div>
                    </div>
                    <br>
                    <div class="" style="width:30%;margin:0px auto">
                        <button id="btn_agrega_rol" type="button" class="btn btn-lg buttom_agregar"
                            onclick="User.Agregar();">
                            <span>Agregar rol</span>
                        </button>
                        <br>
                    </div>
                </div>
            </div>


            <div class="card">
                <div class="card-header">Roles asignados al usuario</div>
                <div class="card-body card-block">


                    <div class="card-body table-responsive-md">
                        <table id="tbl_user" class="table table-striped table-bordered">
                            <thead>
                                <tr id="encabezado">
                                    <!-- <th>No.</th> -->
                                    <th>Emisor</th>
                                    <th>Rol de usuario</th>
                                    <th>Acceso a</th>
                                    <th>Cancelación</th>
                                    <th>Eliminar</th>
                                </tr>
                            </thead>
                            <tbody id="tbody_user">
                                @foreach ($user as $item)
                                    <tr id="{{ $item->id_emisor . $item->id_mat_suc }}">
                                        <!--   <td>
                                            <span>
                                            <span> <script>
                                                (document.write(document.getElementById('tbody_user').childElementCount))
                                            </script> </span>
                                            </span>
                                            </td>-->
                                        <td> <span> {{ $item->razon_social }} <input type="hidden" name="txt_emisor[]"
                                                    value="{{ $item->id_emisor }}"> </span></td>
                                        <td> <span> {{ $item->name }} <input type="hidden" name="txt_rol[]"
                                                    value="{{ $item->id }}"> </span></td>
                                        <td> <span> {{ $item->mat_suc == 'M' ? 'Matriz' : $item->nombre_comercial }} <input
                                                    type="hidden" name="txt_id_mat_suc[]"
                                                    value="{{ $item->id_mat_suc }}"> </span></td>
                                        <td> <span>
                                                @if ($item->id_cancelacion == 'A')
                                                    Activa
                                                @elseif ($item->id_cancelacion == 'C')
                                                    Desactivada
                                                @elseif ($item->id_cancelacion == 'M-C')
                                                    Mes en curso
                                                @elseif ($item->id_cancelacion == 'U-T')
                                                    Último trimestre
                                                @else
                                                    Año en curso
                                                @endif
                                                <input type="hidden" name="txt_cancelacion[]"
                                                    value="{{ $item->id_cancelacion }}">
                                            </span></td>
                                        <td>
                                            <span>


                                                <i class="fa fa-trash"
                                                    style="color: red; cursor: pointer; font-size: 12px; display: ; height: 0px; padding-left: 23px;"
                                                    onclick="User.Eliminar('{{ $item->id_emisor . $item->id_mat_suc }}')"></i>
                                            </span>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>


                </div>
            </div>


            <div class="col-auto mx-auto d-flex justify-content-center mb-2 pb-3">
                <div class="col-lg-2 col-md-4 d-flex justify-content-center">
                    <button id="payment-button" type="button" class="btn btn-lg buttom_agregar"
                        onclick="User.valida()">
                        <span>Actualizar</span>
                    </button>

                </div>
                <div class="col-lg-2 col-md-4 d-flex justify-content-center">
                    <button id="cancel-button" type="button" class="btn btn-lg buttom_white"
                        onclick="window.location='{{ route('users.index') }}'">
                        <span>Cancelar</span>
                    </button>
                </div>
            </div>

        </form>
    </div>

@endsection