@extends('layouts.dashboard_template')

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header block-breadcrumb">
        <h1>
            {{ $page_title ?? 'Page Title' }}
            <small>{{ $page_description ?? '' }}</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
            <li><a href="{{ route('setting.role.index') }}">{{ $page_title }}</a></li>
            <li class="active">{{ $page_description }}</li>
        </ol>
    </section>
    <section class="content">
        <div class="box box-primary">
            <div class="box-body">
                @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <strong>Ups!</strong> Ada beberapa masalah dengan masukan Anda.<br><br>
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                {!! html()->form('PUT', route('setting.user.update', $user->id))->attribute('autocomplete', 'off')->id('form-user')->class('form-horizontal form-label-left')->acceptsFiles()->open() !!}
                @include('flash::message')
                @include('user.form')
                {!! html()->form()->close() !!}
            </div>
        </div>
    </section>
@endsection

@push('scripts')
    {!! JsValidator::formRequest('App\Http\Requests\UserRequest', '#form-user') !!}
    <script type="text/javascript">
        $('.showpass').hover(function() {
            $('.password').attr('type', 'text');
        }, function() {
            $('.password').attr('type', 'password');
        });
    </script>
@endpush