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

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

    <div id = "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">Facility Code:</div>
                        <div class = "col-md-4">{{ $facility->code }}</div>
                    </div>


                    <div class = "row small-bottom-padding">
                        <div class = "col-md-4">Created at:</div>
                        <div class = "col-md-4">{!! App\Helpers\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: {!! App\Helpers\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: {!! App\Helpers\DisplayHelper::formatDate($facility->unconfirm_date) !!} </span>
                            </div>
                        </div>
                     @endif
                </div>
            </div>
            <hr>
        @endif

    </div>
    <!-- End facility dashboard -->

    <!-- start facility-main -->
    <div id="facility-main" class="tab-pane">

        <!-- start form-content -->
        <div id="form-content">

            <div class = "form-group">
                {!! Form::label('client_facility_id', 'Client / Agreement Type:', ['class' => 'control-label col-sm-3']) !!}
                <div class="col-sm-9">
                    {!! Form::fancySelect(
                            'client_facility_id',
                             $client_facility_list,
                             ['class' => 'form-control',
                              'required',
                              'v-bind:disabled' => 'disable_input'],
                             ['factoring', 'instalment_sale']) !!}   
                </div>
            </div>


            <div class="form-group">
                {!! Form::label('facility_date', 'Facility Date:', ['class' => 'control-label col-sm-3']) !!}
                <div class="col-sm-9">
                    <div class='input-group datepicker'>
                        {!! Form::formattedDate('facility_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-3']) !!}
                <div class="col-sm-9">
                    <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 v-show="factoring_facility">
                <div class="form-group">
                    {!! Form::label('factoring_notify_send_date', 'Factoring Notification Sent:', ['class' => 'control-label col-sm-3']) !!}
                    <div class="col-sm-9">
                        <div class='input-group datepicker'>
                            {!! Form::formattedDate('factoring_notify_send_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('factoring_notify_receive_date', 'Factoring Notification Received:', ['class' => 'control-label col-sm-3']) !!}
                    <div class="col-sm-9">
                        <div class='input-group datepicker'>
                            {!! Form::formattedDate('factoring_notify_receive_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>

            <div class = "form-group">
                {!! Form::label('signatory', 'Signatory:', ['class' => 'control-label col-sm-3']) !!}
                <div class="col-sm-9">
                    {!! Form::text('signatory', null, ['class' => 'form-control', 'maxlength' => 100, 'v-bind:disabled' => 'disable_input']) !!}
                </div>
            </div>

            <div class="form-group">
                {!! Form::label('facility_limit', 'Limit:', ['class' => 'control-label col-sm-3']) !!}
                <div class="col-sm-9">
                    {!! Form::text('facility_limit', null, ['class' => 'form-control', 'type' => 'number', 'required', 'v-bind:disabled' => 'disable_input']) !!}
                </div>
            </div>

            <div class = "form-group">
                {!! Form::label('payment_term_id', 'Payment Terms:', ['class' => 'control-label col-sm-3', ]) !!}
                <div class="col-sm-9">
                    {!! Form::select('payment_term_id', $payment_term_list, null, ['class' => 'form-control', 'v-bind:disabled' => 'disable_input', 'required']) !!}
                </div>
            </div>


             <div class="form-group">
                {!! Form::label('cut_off_day', 'Cut off day:', ['class' => 'control-label col-sm-3']) !!}
                <div class="col-sm-9">
                    {!! Form::text('cut_off_day', null, ['class' => 'form-control', 'type' => 'number', 'v-bind:disabled' => 'disable_input', 'required']) !!}
                </div>
            </div>

            {{--<div class = "form-group" v-show="instalment_sale_facility">
                {!! Form::label('discount_percent', 'Settlement Discount %:', ['class' => 'control-label col-sm-3']) !!}
                <div class="col-sm-9">
                    {!! Form::text('discount_percent', null, ['class' => 'form-control', 'type' => 'number', 'min' => 0, 'max' => 100, 'v-bind:disabled' => 'disable_input']) !!}
                </div>
            </div>--}}

        </div>
        <!-- end form-content -->
    </div>
    <!-- end facility-main-->

    <div id = "facility-statement" class = "tab-pane">
        <div id="list-invoices">
            <div class="col-sm-10">
                <h4>
                    Statements
                </h4>
            </div>
                
            <!-- remove data-height if  you want headers align properly on small devices -->
            <table data-toggle="table"
            data-striped="true"
            data-detail-view="false"
            data-undefined-text="" id="tbl_invoice">
                    
                <thead>
                    <tr>
                        <th data-halign="center">Statement No</th>
                        <th data-halign="center">MonthEnd</th>
                        <th data-halign="center">Date Generated</th>
                        <th></th>
                        <th></th>
                        <th></th>
                    </tr>
                </thead>
                            
                <tbody>
                    @foreach ($monthend as $val)
                        <tr>
                            <td>{{ $val->invoice_string }}</td>
                            <td>{{ $val->monthend }}</td>
                            <td>{{ date("d/m/Y", strtotime($val->created_at)) }}</td>
                            <td><a href="{{ $append_url }}month-end-statement/view-pdf/{{ $val->id }}" target="_blank" <button="" class="btn btn-primary btn-xs" type="button" name="btn-view-pdf">view pdf</a></td>
                            <td>
                                <a href="{{ $append_url }}month-end-statement/download-pdf/{{ $val->id }}" <button="" class="btn btn-danger btn-xs" type="button" name="btn-download-pdf">
                                    <span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span> download pdf
                                </a>
                            </td>
                            <td><a href="{{ $append_url }}month-end-statement/mail-pdf/{{ $val->id }}" target="_blank" <button="" class="btn btn-primary btn-xs" type="button">
                                <span class="glyphicon glyphicon-message" aria-hidden="true"></span>mail</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</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