@extends('theme.theme_main')

@section('breadcrumb')
{!! Breadcrumbs::render('user.profile', $profile) !!}
@stop

@section('content_title')
<h1>
    User Profile
</h1>
@stop

@section('content')
<div class="row">
    
    <div class="col-md-12">
        <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
                <li class="{{$tab_active=='profile'||$tab_active==''?'active':''}}">
                    <a href="#profile" data-toggle="tab">Update Profile</a>
                </li>
                
                <li class="{{$tab_active=='password'?'active':''}}">
                    <a href="#update_password" data-toggle="tab">Update Password</a>
                </li>
            </ul>
            
            <div class="tab-content">

                <div class="{{$tab_active=='profile'||$tab_active==''?'active':''}} tab-pane"
                     id="profile">
                    @include('user._form_user')
                </div><!-- /.tab-pane -->
                
                <div class="{{$tab_active=='password'?'active':''}} tab-pane"
                     id="update_password">
                    @include('user._form_update_password')
                </div><!-- /.tab-pane -->

            </div><!-- /.tab-content -->
        </div><!-- /.nav-tabs-custom -->
    </div><!-- /.col -->
</div><!-- /.row -->
@stop

@section('script')
<script type="text/javascript">
$(document).ready(function(){
    //update vendor tab
    if($('#inputRole').val() == 2){
        $('.vendor_tab').removeClass('hide');
    }else{
        $('.vendor_tab').addClass('hide');
    }
    $('#inputRole').change(function(){
        if($(this).val() == 2){
            $('.vendor_tab').removeClass('hide');
        }else{
            $('.vendor_tab').addClass('hide');
        }
    });
});
</script>
@stop