@extends('admin.layouts.app')
<!-- Plugins css -->
@section('head')
<link href="{{asset('assets_admin/libs/dropzone/dropzone.css')}}" rel="stylesheet" type="text/css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Tagify CSS -->
<link href="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.css" rel="stylesheet">
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                    <h4 class="mb-sm-0">{{$title}}</h4>

                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="javascript: void(0);">{{$title}}</a></li>
                            <li class="breadcrumb-item active">{{$subtitle}}</li>
                        </ol>
                    </div>

                </div>
            </div>
        </div>
        <form action="{{route('admin.users.update')}}"  method="POST" enctype="multipart/form-data">
            @csrf
            <input type="hidden" value="{{$user->id}}" name="user_id">
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title mb-0">{{ $subtitle }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-4 mb-3">
                                    <label for="" class="form-label">Nombres<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="names" value="{{ $user->name }}" placeholder="Ingrese los nombres" />
                                    @if ($errors->has('names'))
                                        <span class="text-danger">{{ $errors->first('names') }}</span>
                                    @endif
                                </div>
                                <div class="col-4 mb-3">
                                    <label for="" class="form-label">Apellidos<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="lastname" value="{{ $user->lastname }}" placeholder="Ingrese los apellidos" />
                                    @if ($errors->has('lastname'))
                                        <span class="text-danger">{{ $errors->first('lastname') }}</span>
                                    @endif
                                </div>
                                <div class="col-4 mb-3">
                                    <label for="" class="form-label">Correo<span class="text-danger">*</span></label>
                                    <input type="email" class="form-control" name="email" value="{{ $user->email }}" placeholder="Ingrese el correo" />
                                    @if ($errors->has('email'))
                                        <span class="text-danger">{{ $errors->first('email') }}</span>
                                    @endif
                                </div>
                             
                                <div class="col-4 mb-3">
                                    <label for="" class="form-label">Número de documento<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="number_document" value="{{ $user->number_document }}" placeholder="Ingrese el número de documento" />
                                    @if ($errors->has('number_document'))
                                        <span class="text-danger">{{ $errors->first('number_document') }}</span>
                                    @endif
                                </div>
                                <div class="col-4 mb-3">
                                    <label for="" class="form-label">Puesto<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="position_company" value="{{ $user->position_company }}"  placeholder="Escriba que puesto ocupara el nuevo miembro"/>
                                    @if ($errors->has('position_company'))
                                        <span class="text-danger">{{ $errors->first('position_company') }}</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="hstack justify-content-end gap-2">
                        <a type="button" href="{{ route('admin.users.index') }}" class="btn btn-ghost-danger"><i class="ri-close-line align-bottom"></i> Cancelar</a>
                        <button type="submit" class="btn btn-primary"><i class="ri-check-line align-bottom"></i> Guardar</button>
                    </div>
                </div>
            </div>
        </form>

    </div>
@section('scripts')
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
<!-- Tagify JS -->
<script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify"></script>
<script>
    // Inicializar Tagify en el input
    var input = document.getElementById('skills-input');
    new Tagify(input);
</script>

{{-- previzualizar imagenes  --}}
<script>
    function previewImage(event) {
        var input = event.target;
        var reader = new FileReader();
        reader.onload = function(){
            var imgElement = document.getElementById('product-img');
            imgElement.src = reader.result;
        }
        reader.readAsDataURL(input.files[0]);
    }
</script>

@endsection
@endsection