@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">{{__('show')}}</b>  {{__('user')}}</h3>
        </div>
        <div class="wizard-body">
            <div class="tab-content">
                <div class="tab-pane active" id="details">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group @if($errors->has('name')) has-error @endif">
                                <label>{{__('name')}}:</label>
                                <input name="name" type="text" class="form-control" readonly value="{{$user->name}}"
                                    tabindex="1">
                             
                            </div>
                            <div class="form-group @if($errors->has('username')) has-error @endif">
                                <label>{{__('username')}}:</label>
                                <input id="username" name="username" type="text" class="form-control" readonly
                                    value="{{$user->username}}" tabindex="3">
                            
                            </div>
                            
                            <div class="form-group @if($errors->has('image')) has-error @endif">

                                <label>{{__('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">
                                </div>
                                
                            </div>



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

                            <div class="form-group @if($errors->has('email')) has-error @endif">
                                <label>{{__('email')}}:</label>
                                <input name="email" type="text" class="form-control" readonly value="{{$user->email}}"
                                    tabindex="2">
                            </div>

                            <div class="form-group @if($errors->has('role_id')) has-error @endif">
                                <label>{{__('role')}} :</label>
                            <input id="role_id" name="role_id" class="form-control text-uppercase" type="text" tabindex="4" readonly value="{{ $user->role()->first()->name }}">
                                    
                                    
                            </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" disabled 
                                    data-on="{{__('active')}}" data-off="{{__('inactive')}}" data-onstyle="success"
                                    data-offstyle="danger" tabindex="8" value="true" @if ($user->status ==1 )
                                checked @endif >
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</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