@extends('dashboard.dashboard')
@section('title',ucfirst(trans('users')))
@section('main')
@section('page','users')
<div class="panel-header ">
    <div class="page-inner">
        <div class="page-header">
            {{-- <h4 class="page-title text-capitalize">{{ __('Cadastro de Eventos')}}</h4> --}}
            @if(Breadcrumbs::exists())
            {!! Breadcrumbs::render() !!}
            @endif
        </div>
    </div>
</div>
@php
@endphp
<div class="row">
    <div class="wizard-container wizard-round col-md-9">
        <div class="wizard-header text-center">
            <h3 class="wizard-title"><b class="text-capitalize">{{__('edit')}}</b> um {{__('user')}}</h3>
            <small>Os campos com (*) são de caráter obrigatório</small>
        </div>
        <form id="user" action="{{route('admin.user.update',$user)}}" method="POST" novalidate enctype="multipart/form-data">
            @csrf
            @method('put')
            <div class="wizard-body">
                <div class="tab-content">
                    <div class="tab-pane active" id="details">
                        <div class="row">
                            <div class="col-md-12">
                                <h4 class="info-text">Preencha os detalhes do usuário</h4>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group @if($errors->has('name')) has-error @endif">
                                    <label><span class="required">*</span>{{__('name')}}:</label>
                                    <input name="name" type="text" class="form-control" required value="{{$user->name}}"
                                        tabindex="1">
                                    <div class="msg-validate">
                                        @foreach($errors->get('name') as $error)
                                        <label id="name-error" class="error" for="name">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>
                                <div class="form-group @if($errors->has('username')) has-error @endif">
                                    <label><span class="required">*</span>{{__('username')}}:</label>
                                    <input id="username" name="username" type="text" class="form-control" required
                                        value="{{$user->username}}" tabindex="3">
                                    <div class="msg-validate">
                                        @foreach($errors->get('username') as $error)
                                        <label id="username-error" class="error" for="username">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>
                                <div class="form-group  @if($errors->get('password')) has-error @endif">
                                    <label for="password" class="placeholder"><b>{{__('Password')}}</b></label>
                                    <div class="position-relative">
                                        <input id="password" name="password" type="password" class="form-control"
                                            required tabindex="5">
                                        <div class="show-password">
                                            <i class="icon-eye"></i>
                                        </div>
                                    </div>
                                    <div class="msg-validate">
                                        @foreach($errors->get('password') as $error)
                                        <label id="password-error" class="error" for="password">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>
                                <div class="form-group @if($errors->has('image')) has-error @endif">

                                    <label><span class="required">*</span>{{__('profile')}} (128x128):
                                    </label>
                                    <div class="input-file input-file-image">
                                        <img class="img-upload-preview " width="128" src="{{ asset('uploads/profiles/' . $user->image)}}"
                                            alt="preview">
                                        <input type="file" class="form-control form-control-file" id="uploadImg"
                                            name="image" accept="image/*" required tabindex="7">

                                        <label for="uploadImg"
                                            class=" label-input-file btn btn-primary">{{__('Upload a Image')}}</label>
                                    </div>
                                    <div class="msg-validate">
                                        @foreach($errors->get('image') as $error)
                                        <label id="image-error" class="error" for="image">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>



                            </div>
                            <div class="col-md-6">

                                <div class="form-group @if($errors->has('email')) has-error @endif">
                                    <label><span class="required">*</span>{{__('email')}}:</label>
                                    <input name="email" type="text" class="form-control" required
                                        value="{{$user->email}}" tabindex="2">
                                    <div class="msg-validate">
                                        @foreach($errors->get('email') as $error)
                                        <label id="email-error" class="error" for="email">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>

                                <div class="form-group @if($errors->has('role_id')) has-error @endif">
                                    <label><span class="required">*</span>{{__('role')}} :</label>
                                    <select id="role_id" name="role_id" class="form-control select2 " tabindex="4"
                                        required>
                                        <option value="">&nbsp;</option>
                                        @foreach($roles as $key => $role)

                                        <option value="{{$role->id}}" @if ($user->role_id==$role->id) selected="selected"
                                            @endif>
                                            {{strtoupper($role->name)}}</option>

                                        @endforeach
                                    </select>
                                    <div class="msg-validate">
                                        @foreach($errors->get('role_id') as $error)
                                        <label id="role-error" class="error" for="role">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>

                                <div class="form-group  @if($errors->get('confirmpassword')) has-error @endif">
                                    <label for="confirmpassword"
                                        class="placeholder"><b>{{__('Confirm Password')}}</b></label>
                                    <div class="position-relative">
                                        <input id="confirmpassword" name="confirmpassword" type="password"
                                            class="form-control" required tabindex="6">
                                        <div class="show-password">
                                            <i class="icon-eye"></i>
                                        </div>
                                    </div>
                                    <div class="msg-validate">
                                        @foreach($errors->get('confirmpassword') as $error)
                                        <label id="confirmpassword-error" class="error"
                                            for="confirmpassword">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>

                                <div class="form-group @if($errors->details->has('status')) has-error @endif">
                                    <label>{{__('status')}} :</label>
                                    <input name="status" id="status" type="checkbox" data-toggle="toggle"
                                        data-on="{{__('active')}}" data-off="{{__('inactive')}}" data-onstyle="success"
                                        data-offstyle="danger" tabindex="8" value=" @if ($user->status ==1 ) true @else false @endif" @if ($user->status ==1 )
                                    checked @endif >
                                    <div class="msg-validate">
                                        @foreach($errors->get('status') as $error)
                                        <label id="status-error" class="error" for="status">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 ml-auto mr-auto text-center">
                <input type="submit" class="btn btn-finish btn-success" name="finish" value="{{__('save')}}">
                <div class="clearfix"></div>
            </div>
    </div>
    </form>
</div>
@endsection

@prepend('scripts')
<script src="{{ asset('admin/js/plugin/select2/select2.full.min.js')}}"> </script>
<script src="{{ asset('admin/js/plugin/moment/moment.min.js')}}"> </script>
<script src="{{ asset('admin/js/plugin/moment/moment-with-locales.js')}}"> </script>
<script src="{{ asset('admin/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js')}}"> </script>

<script>
    $('.select2').select2({
        theme: "bootstrap"
        , width: '100%'
    });

</script>
@endprepend