{!! Form::hidden('id', null, ['id' => 'id']) !!}

<div class="tab-content primary-tab-content">

    <div id = "client_dashboard" class = "tab-pane">
    
        <h4>Client dashboard</h4>
            
        Client Code: {{ $client->code }} <br>
        
        
    </div>

    <div id="client_main" class="tab-pane">
    
        <div class = "form-group">
            {!! Form::label('code', 'Code:', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::text('code', null, ['class' => 'form-control', 'required', 'minlength' => 6, 'maxlength' => 10, 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
        
        <div class = "form-group">
            {!! Form::label('name', 'Name:', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::text('name', null, ['class' => 'form-control', 'maxlength' => 30, 'required', 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
            
        <div class = "form-group">
            {!! Form::label('status_id', 'Status:', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::select('status_id', $status_list, null, ['class' => 'form-control', 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
         
        
        
        <div class = "form-group">
            {!! Form::label('type_id', 'Type:', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::select('type_id', $type_list, null, ['class' => 'form-control', 'required', 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
            
        <div class = "form-group">
            {!! Form::label('category_id', 'Category:', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::select('category_id', $category_list, null, ['class' => 'form-control', 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
            
        <div class = "form-group">
            {!! Form::label('language_id', 'Language:', ['class' => 'control-label col-sm-2', ]) !!}
            <div class="col-sm-10">
            {!! Form::select('language_id', $language_list, null, ['class' => 'form-control', 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
            
        <div class="form-group">
            {!! Form::label('vat_registered', 'Vat registered?', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::checkbox('vat_registered', null, null, ['v-bind:disabled' => 'disable_input', 'v-model' => 'vat_registered'])  !!}
            </div>
        </div>
            
        
        <div class = "form-group" v-if="vat_registered">
            {!! Form::label('vat_registration', 'Vat Reg:', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::text('vat_registration', null, ['class' => 'form-control', 'maxlength' => 20, 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
            
        <div class = "form-group">
            {!! Form::label('registrationID', 'Reg. ID:', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::text('registrationID', null, ['class' => 'form-control', 'maxlength' => 20, 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
            
    </div>
        
    <div id="address" class="tab-pane">
        
        <div class = "form-group">
            
            {!! Form::label('address1', 'Physical Address:', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
                {!! Form::text('address1', null, ['class' => 'form-control margin-bottom', 'maxlength' => 40, 'v-bind:disabled' => 'disable_input']) !!}
                {!! Form::text('address2', null, ['class' => 'form-control margin-bottom', 'maxlength' => 40, 'v-bind:disabled' => 'disable_input']) !!}
                {!! Form::text('address3', null, ['class' => 'form-control margin-bottom', 'maxlength' => 40, 'v-bind:disabled' => 'disable_input']) !!}    
            </div>
                
            {!! Form::label('postalcode', 'Post Code:', ['class' => 'control-label col-sm-2']) !!}
             <div class="col-sm-10">
                {!! Form::text('postalcode', null, ['class' => 'form-control', 'maxlength' => 20, 'v-bind:disabled' => 'disable_input']) !!}
            </div>
                
        </div>
        
        
        <div class = "form-group">
            {!! Form::label('address1', 'Postal Address:', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
                {!! Form::text('post_address1', null, ['class' => 'form-control margin-bottom', 'maxlength' => 40, 'v-bind:disabled' => 'disable_input']) !!}
                {!! Form::text('post_address2', null, ['class' => 'form-control margin-bottom', 'maxlength' => 40, 'v-bind:disabled' => 'disable_input']) !!}
                {!! Form::text('post_address3', null, ['class' => 'form-control margin-bottom', 'maxlength' => 40, 'v-bind:disabled' => 'disable_input']) !!}
            </div>
                
             {!! Form::label('post_postalcode', 'Post Code:', ['class' => 'control-label col-sm-2']) !!}
             <div class="col-sm-10">
                {!! Form::text('post_postalcode', null, ['class' => 'form-control', 'maxlength' => 20, 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
            
    </div>
        
    <div id="contact" class="tab-pane">
        
        <div class = "form-group">
            {!! Form::label('work_phone', 'Tel (w):', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::text('work_phone', null, ['class' => 'form-control', 'maxlength' => 20, 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
            
        <div class = "form-group">
            {!! Form::label('home_phone', 'Tel (h):', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::text('home_phone', null, ['class' => 'form-control', 'maxlength' => 20, 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
            
        <div class = "form-group">
            {!! Form::label('fax', 'Fax:', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::text('fax', null, ['class' => 'form-control', 'maxlength' => 20, 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
            
        <div class = "form-group">
            {!! Form::label('cell', 'Cell:', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::text('cell', null, ['class' => 'form-control', 'maxlength' => 20, 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
            
        <div class = "form-group">
            {!! Form::label('email', 'Email:', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::email('email', null, ['class' => 'form-control', 'maxlength' => 50, 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
            
        <div class = "form-group">
            {!! Form::label('url', 'URL:', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::url('url', null, ['class' => 'form-control', 'maxlength' => 100, 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
            
            
        <div class = "form-group">
            {!! Form::label('contact', 'Contact:', ['class' => 'control-label col-sm-2']) !!}
            <div class="col-sm-10">
            {!! Form::text('contact', null, ['class' => 'form-control', 'maxlength' => 50, 'v-bind:disabled' => 'disable_input']) !!}
            </div>
        </div>
    </div>
 
          
    <div id="assets" class="tab-pane">
        <h4>Assets</h4>
        <div style = "height:350px"></div>
    </div>
        
        
    <div id="income" class="tab-pane">
        <h4>Income</h4>
        <div style = "height:350px"></div>
    </div>

</div>  <!-- tab-content -->
      
<hr>

@if ($can_update)
    <div class = "form-buttons pull-right">
        
        {!! Form::submit($submitButtonText, ['class' => 'btn btn-success btn-sm']) !!}
    
        <a href = "{!!$cancelButtonUrl!!}">
        <button type = "button" class = 'btn btn-default btn-sm'>
        <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
         cancel
        </button>
        </a>
       
    </div>
@endif