@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <!--<div class="pull-left">
                            <div class="page-title text-danger">Sin Sucursal</div>
                        </div>-->
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li><i class="fa fa-square"></i>&nbsp;<a class="parent-item" href="{{ url('/usuarios') }}">Listado
                                de Usuarios</a>
                            &nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">{{ isset($edit) ? 'Actualizar' : 'Crear' }} Usuario</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>{{ isset($edit) ? 'Actualizar' : 'Crear' }} Usuario</header>
                        </div>
                        @if (isset($edit))
                            {!! Form::model($edit, [
                                'url' => ['usuarios/actualizar/' . $edit->id],
                                'method' => 'PATCH',
                                'id' => 'frmUsuarios',
                            ]) !!}
                        @else
                            {!! Form::open([
                                'url' => 'usuarios/guardar_usuario',
                                'method' => 'POST',
                                'role' => 'form',
                                'id' => 'frmUsuarios',
                            ]) !!}
                        @endif
                        <div class="card-body">

                            <div class="row col-md-12">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label class="form-label text-color-dark text-3" for="username">Nombre del
                                            Usuario<span class="text-danger">*</span></label>
                                        <input class="form-control" type="text"
                                            value="{{ isset($data) ? $data['username'] : '' }}{{ isset($edit) ? $edit->username : '' }}"
                                            name="username" id="username" placeholder="Nombre del Usuario" required />
                                        @if ($errors->has('username'))
                                            <span class="help-block text-danger">
                                                <strong>{{ $errors->first('username') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                @isset($data)
                                    {!! Form::mselect(
                                        'roles',
                                        $rols,
                                        isset($data) ? $data['roles'] : null,
                                        'Perfil de Usuario',
                                        $errors,
                                        6,
                                        true,
                                        true,
                                    ) !!}
                                @else
                                    {!! Form::mselect(
                                        'roles',
                                        $rols,
                                        isset($edit) ? $edit->role_id : null,
                                        'Perfil de Usuario',
                                        $errors,
                                        6,
                                        true,
                                        true,
                                    ) !!}
                                    @endif

                                </div>

                                <div class="row col-md-12">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label class="form-label text-color-dark text-3" for="password">Contraseña<span
                                                    class="text-danger">*</span></label>
                                            <input class="form-control" type="password"
                                                value="{{ isset($data) ? $data['password'] : '' }}{{ isset($edit) ? '' : '' }}"
                                                name="password" id="password" placeholder="Contraseña" />
                                            @if ($errors->has('password'))
                                                <span class="help-block text-danger">
                                                    <strong>{{ $errors->first('password') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>

                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label class="form-label text-color-dark text-3"
                                                for="password_confirmation">Confirmar Contraseña</label>
                                            <input class="form-control" type="password"
                                                value="{{ isset($data) ? $data['password'] : '' }}{{ isset($edit) ? '' : '' }}"
                                                name="password_confirmation" id="password_confirmation"
                                                placeholder="Confirmar Contraseña" />
                                        </div>
                                    </div>
                                </div>

                                <div class="row col-md-12">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label class="form-label text-color-dark text-3" for="email">Email</label>
                                            <input class="form-control" type="email"
                                                value="{{ isset($data) ? $data['email'] : '' }}{{ isset($edit) ? $edit->email : '' }}"
                                                name="email" id="email" placeholder="Email" />
                                            @if ($errors->has('email'))
                                                <span class="help-block text-danger">
                                                    <strong>{{ $errors->first('email') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>

                                    @isset($data)
                                        {!! Form::mselect(
                                            'estado',
                                            ['activo' => 'Activo', 'inactivo' => 'Inactivo'],
                                            isset($data) ? ($data['estado'] == 'activo' ? $data['estado'] : 'inactivo') : 'activo',
                                            'Estado',
                                            $errors,
                                            6,
                                        ) !!}
                                    @else
                                        {!! Form::mselect(
                                            'estado',
                                            ['activo' => 'Activo', 'inactivo' => 'Inactivo'],
                                            isset($edit) ? ($edit->status == 'activo' ? $edit->status : 'inactivo') : 'activo',
                                            'Estado',
                                            $errors,
                                            6,
                                        ) !!}
                                        @endif

                                    </div>

                                    <div class="row col-md-12">
                                        @isset($data)
                                            {!! Form::mselectMult(
                                                'sede',
                                                $sedes,
                                                isset($data) ? $data['sede'] : null,
                                                'Perfil de Usuario',
                                                $errors,
                                                6,
                                                true,
                                                true,
                                            ) !!}
                                        @else
                                              
                                            {!! Form::mselectMult('sede',$sedes,isset($edit) ? $user_sedes : null,'Sede',$errors,6,true) !!}
                                            
                                           
                                            @endif
                                        </div>

                                    </div>
                                    <div class="card-footer text-center">
                                        <div class="text-center">
                                            <button type="submit" class="btn bg-success">Aceptar</button>

                                            @php
                                                $url_previa = str_replace(url('/'), '', url()->previous());
                                                
                                                $return_url = strpos($url_previa, 'crear') == false ? url()->previous() : url('usuarios');
                                                
                                            @endphp
                                            <a class="btn bg-danger" href="{{ $return_url }}">Cancelar</a>
                                        </div>
                                    </div>
                                    {!! Form::close() !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endsection
            @section('script')
                @if (isset($edit))
                    <script>
                        $(document).ready(function() {

                            $("#valor_minimo").maskMoney();
                            $("#valor_maximo").maskMoney();

                            $(".select2-multiple").select2({
                                theme: "bootstrap",
                                placeholder: "Select a State",
                                containerCssClass: ':all:'
                            });

                            //Initialize Select2 Elements
                            $('.select2').select2()

                            $('#roles').select2({
                                ajax: {
                                    dataType: 'json',
                                    url: "{{ asset('') . 'ajax/roles_all' }}",
                                    delay: 250,
                                    // minimumInputLength: 3,
                                    data: function(params) {
                                        var query = {
                                            search: params.term,
                                        }
                                        console.log(query);
                                        return query;
                                    },
                                    processResults: function(data, page) {
                                        console.log(data)
                                        return {
                                            results: data
                                        };
                                    },
                                    theme: "classic"
                                }
                            });

                            $('#frmUsuarios').validate({
                                rules: {
                                    username: {
                                        required: true
                                    },
                                    roles: {
                                        required: true
                                    },
                                    email: {
                                        required: true
                                    },
                                    estado: {
                                        required: true
                                    },
                                },
                                messages: {
                                    username: {
                                        required: "Nombre de Usuario no puede estar vacío."
                                    },
                                    roles: {
                                        required: "Perfil de Usuario no puede estar vacío."
                                    },
                                    email: {
                                        required: "Email no puede estar vacío."
                                    },
                                    estado: {
                                        required: "Campo estado es requerido"
                                    },
                                },
                                errorElement: 'span',
                                errorPlacement: function(error, element) {
                                    error.addClass('invalid-feedback');
                                    element.closest('.form-group').append(error);
                                },
                                highlight: function(element, errorClass, validClass) {
                                    $(element).addClass('is-invalid');
                                },
                                unhighlight: function(element, errorClass, validClass) {
                                    $(element).removeClass('is-invalid');
                                }
                            });
                        });
                    </script>
                @else
                    <script>
                        $(document).ready(function() {

                            $("#valor_minimo").maskMoney();
                            $("#valor_maximo").maskMoney();

                            //Initialize Select2 Elements
                            $('.select2').select2()

                            $('#roles').select2({
                                ajax: {
                                    dataType: 'json',
                                    url: "{{ asset('') . 'ajax/roles_all' }}",
                                    delay: 250,
                                    // minimumInputLength: 3,
                                    data: function(params) {
                                        var query = {
                                            search: params.term,
                                        }
                                        console.log(query);
                                        return query;
                                    },
                                    processResults: function(data, page) {
                                        console.log(data)
                                        return {
                                            results: data
                                        };
                                    },
                                    theme: "classic"
                                }
                            });

                            $('#frmUsuarios').validate({
                                rules: {
                                    username: {
                                        required: true
                                    },
                                    roles: {
                                        required: true
                                    },
                                    email: {
                                        required: true
                                    },
                                    password: {
                                        required: true
                                    },
                                    estado: {
                                        required: true
                                    },
                                },
                                messages: {
                                    username: {
                                        required: "Nombre de Usuario no puede estar vacío."
                                    },
                                    roles: {
                                        required: "Perfil de Usuario no puede estar vacío."
                                    },
                                    email: {
                                        required: "Email no puede estar vacío."
                                    },
                                    password: {
                                        required: "Contraseña no puede estar vacío."
                                    },
                                    estado: {
                                        required: "Campo estado es requerido"
                                    },
                                },
                                errorElement: 'span',
                                errorPlacement: function(error, element) {
                                    error.addClass('invalid-feedback');
                                    element.closest('.form-group').append(error);
                                },
                                highlight: function(element, errorClass, validClass) {
                                    $(element).addClass('is-invalid');
                                },
                                unhighlight: function(element, errorClass, validClass) {
                                    $(element).removeClass('is-invalid');
                                }
                            });
                        });
                    </script>
                @endif
            @endsection