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

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

    <div id = "client-facility-dashboard" class = "tab-pane">
    
        @if (isset($active_record))
            <div class = "row">
                <div class = "col-md-8">  
         
                    <div class = "row">
                        <div class = "col-md-4">Agreement Type:</div>
                        <div class = "col-md-4">{{ $facility->agreement_type->description }}</div>
                    </div>
                        
                        
                    <div class = "row small-bottom-padding">
                        <div class = "col-md-4">Created at:</div>
                        <div class = "col-md-4">{!! DisplayHelper::formatDateTime($facility->created_at) !!}</div>   
                    </div>
                        
                </div>
                
                <div class = "col-md-4">
                    @if ($facility->confirmed)
                        <div class = "row small-bottom-padding">
                            <div id = "confirm-display">
                                <span class = "text-highlight-success">confirmed: {!! DisplayHelper::formatDate($facility->confirm_date) !!}</span>
                            </div>
                        </div>
                    @endif
        
                
                    @if ($facility->unconfirmed)
                        <div class = "row small-bottom-padding">
                            <div>
                                <span class = "text-highlight-primary">unconfirmed: {!! DisplayHelper::formatDate($facility->unconfirm_date) !!} </span>
                            </div>
                        </div>
                     @endif
                </div>
            </div>        
            <hr>
        @endif
        
    </div>
    <!-- End client facility dashboard -->

    <!-- start client facility-main -->
    <div id="client-facility-main" class="tab-pane">
  
        <!-- start form-content -->
        <div id="client-facility-form-content">
        
            <div class = "form-group">
                {!! Form::label('agreement_type_id', 'Agreement Type:', ['class' => 'control-label col-sm-2']) !!}
                <div class="col-sm-10">
                
                {!! Form::fancySelect('agreement_type_id', $agreement_type_list, ['class' => 'form-control', 'required' => 'required', 'v-bind:disabled' => 'disable_input'], ['discount']) !!}
                    
                </div>
            </div>
                
            <div class="form-group">     
                {!! Form::label('implement_date', 'Implementation Date:', ['class' => 'control-label col-sm-2']) !!}
                <div class="col-sm-10">
                    <div class='input-group datepicker'>
                        {!! Form::formattedDate('implement_date', ['class' => 'form-control', 'required', 'type'=> 'text', 'v-bind:disabled' => 'disable_input']) !!}
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                         </span>
                    </div>
                </div>
            </div>
                
            <div class="form-group">     
                {!! Form::label('review_date', 'Review Date:', ['class' => 'control-label col-sm-2']) !!}
                <div class="col-sm-10">
                    <div class='input-group datepicker'>
                        {!! Form::formattedDate('review_date', ['class' => 'form-control', 'type'=> 'text', 'v-bind:disabled' => 'disable_input']) !!}
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                         </span>
                    </div>
                </div>
            </div>
                
            <div class="form-group">
                {!! Form::label('facility_limit', 'Limit:', ['class' => 'control-label col-sm-2']) !!}
                <div class="col-sm-10">
                    {!! Form::text('facility_limit', null, ['class' => 'form-control', 'type' => 'number', 'required', 'v-bind:disabled' => 'disable_input']) !!}
                </div>
            </div>
        
            <div class="form-group" v-show="discount_agreement_type">
                {!! Form::label('retention_percent', 'Retention %:', ['class' => 'control-label col-sm-2']) !!}
                <div class="col-sm-10">
                    {!! Form::text('retention_percent', null, ['class' => 'form-control', 'type' => 'number',  'v-bind:disabled' => 'disable_input']) !!}
                </div>
            </div>
                
            <div class="form-group" v-show="discount_agreement_type">
                {!! Form::label('discount_rate', 'Discount Rate:', ['class' => 'control-label col-sm-2']) !!}
                <div class="col-sm-10">
                    {!! Form::text('discount_rate', null, ['class' => 'form-control', 'type' => 'number', 'min' => 0, 'max' => 100,  'required', 'v-bind:disabled' => 'disable_input']) !!}
                </div>
            </div>
                
            <div class="form-group">
                {!! Form::label('interest_rate', 'Interest Rate:', ['class' => 'control-label col-sm-2']) !!}
                <div class="col-sm-10">
                    {!! Form::text('interest_rate', null, ['class' => 'form-control', 'type' => 'number',  'min' => 0, 'max' => 100, 'required' => 'required', 'v-bind:disabled' => 'disable_input']) !!}
                </div>
            </div>
                
        </div> 
        <!-- end client-facility-form-content -->
    </div>         
    <!-- end client-facility-main-->
</div>  
<!-- end 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>
                {{ trans('hilbit.cancel') }}
            </button>
        </a>
            
    </div>
@endif