@extends('app')

@section('content')
    
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">{{ ucfirst(trans('hilbit.password.form_title')) }}</div>

                <div class="panel-body" style="min-height:250px;">
                
                    @include('flash::message')
                    @include('partials.alert')
                    @include('errors.list')
                    
                    
                    <ul class="nav nav-pills hilbit">
                        <li id="tab-user-password"><a data-toggle = "pill" href = "#pane-user-password">{{ ucfirst(trans('hilbit.password.user')) }}</a></li>
                         <li id="tab-master-password"><a data-toggle="pill" href="#pane-master-password">{{ ucfirst(trans('hilbit.password.master')) }}</a></li>
                    </ul>
                        
                    <hr>
                
                
                    <div class="tab-content">
                        <div class="tab-pane" id="pane-user-password">
                            @include('password.form_user')
                        </div>
                   
                        
                        <div class="tab-pane" id="pane-master-password">
                            @include('password.form_master')    
                        </div>
                    </div>
                        
                    
                </div>
            </div>
        </div>
    </div>
</div>
@stop

@section('scripts')
    
<script>

   $( function() {
        hilbit.ui.attachFormValidation('fm-user-password');
        hilbit.ui.attachFormValidation('fm-master-password');
        @if ($user)
            hilbit.ui.activateTab('#tab-user-password');
        @else
            hilbit.ui.activateTab('#tab-master-password');
        @endif
   });
   
    
</script>
@stop