@extends('layouts.app')


@section('content')



<div class="header bg-gradient-primary pb-8 pt-5 pt-md-8">

    <div class="container-fluid">

        <div class="header-body">

        </div>

    </div>

</div>

<div class="container-fluid mt--7">

    <div class="col">

        <div class="card shadow">

            <div class="card-header border-0">

                <div class="row">

                    <h3 class="mt-2 ml-2 mr-4">Nombre o email</h3>

                    <div class="col-md-4">

                        <div class="form-group">

                            <div class="input-group input-group-alternative mb-4">

                                <div class="input-group-prepend">

                                    <span class="input-group-text"><i class="ni ni-zoom-split-in"></i></span>

                                </div>

                                <input class="form-control form-control-alternative" name="busqueda" id="busqueda" placeholder="Buscar por nombre o email" type="text">

                            </div>

                        </div>

                    </div>



                    <div class="col-md-3">

                        <button type="button" id="buscar" class="btn btn-success">Buscar</button>

                    </div>

                </div>

            </div>

            <div id="table_data">

                @include('ajax.gestor-usuarios_data')

            </div>



        </div>

    </div>

    @include('layouts.footers.auth')

    <!-- Modal -->

    <div class="modal fade" id="modal-default" tabindex="-1" role="dialog" aria-labelledby="modal-default" aria-hidden="true">

        <div class="modal-dialog modal-dialog-centered" role="document">

            <div class="modal-content">

                <div class="modal-header">

                    <h5 class="modal-title" id="exampleModalLabel">Soporte a usuarios</h5>

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">

                        <span aria-hidden="true">&times;</span>

                    </button>

                </div>



                <div class="modal-body">

                    <div id="data_usuario"></div>

                </div>





            </div>

        </div>

    </div>


    <!-- Modal -->

    <div class="modal fade" id="modal-balance" tabindex="-1" role="dialog" aria-labelledby="modal-balance" aria-hidden="true">

        <div class="modal-dialog modal-dialog-centered" role="document">

            <div class="modal-content">

                <div class="modal-header">

                    <h5 class="modal-title" id="exampleModalLabel">Modificar balance</h5>

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">

                        <span aria-hidden="true">&times;</span>

                    </button>

                </div>



                <div class="modal-body">

                    <div id="data_usuario_balance"></div>

                </div>





            </div>

        </div>

    </div>


</div>

@endsection





@push('js')

<script src="{{ asset('assets/js/gestor-usuarios.js') }}"></script>

<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>

<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>

@endpush