@extends('app')

@section('content')
 
    <div class = "row">
    
        <div class="col-md-12" id = "hilbit-recalc-schedules">
    
            <div class="panel panel-default">

                <div class="panel-heading">
                    <h3 class="panel-title">Recalculate Agreement Schedules</h3>         
                </div>
      
                <div class="panel-body">
                
                    @include('flash::message')
        
                    @include('partials.alert')
                    
                    <hilbit-modal-confirm   trigger_element="do-recalc"
                                            trigger_parent_element="recalc-schedules-toolbar"
                                            action_form="fm-recalc-schedules"
                                            modal_title="{{ ucfirst(trans('hilbit.recalc_schedules')) }}"
                                            confirm_prompt="Are you sure you want to continue?"
                                            modal_id="hilbit-modal-confirm-recalc-schedules">       
                    </hilbit-modal-confirm>
                        
                    <div class="panel panel-info"><div class="panel-heading">Schedules will be recalculated for the following agreements:</div></div>
            
                  {!! Form::open(['action' => ['RecalcScheduleController@recalc'],  'id' => 'fm-recalc-schedules', 'class' => 'form-horizontal', 'role' => 'form']) !!}
                        <div id="recalc-schedules-toolbar" class="small-bottom-padding">
                            <button type = "button" class = "btn btn-success" id="do-recalc"><span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> {{ trans('hilbit.recalc_schedules') }}</button>
                        </div>
                    {!! Form::close() !!}
        
                      <!-- Bootstrap table component -->
                      <!-- data-toggle = "table" activates Bootstrap table -->
                      
                    <table data-toggle="table"
                             data-maintain-selected="true"
                             data-search="false"
                             data-advanced-search="false"
                             data-toolbar="#recalc-schedules-toolbar"
                             id="tbl-recalc-schedules"
                             data-group-by="true"
                             data-group-by-field="clientcode"
                             data-undefined-text="">
                       
                        <thead>
                            <tr>
                                <th data-field="clientcode">Client</th>
                                <th data-field="code">Agreement</th>
                                <th data-field="description">Description</th>
                            </tr>
                        </thead>
                          
                        <tbody>
                        @foreach ($agreements as $agreement)
                            <tr>
                                <td>{{ $agreement->clientcode }}</td>
                                <td>{{ $agreement->code }}</td>
                                <td>{{ $agreement->description }}</td>
                            </tr>
                        @endforeach 
                        </tbody>
                  
                    </table>
           
                </div>  <!-- End panel body -->       
            </div>      <!-- End panel -->
        </div>          <!-- End col-md-12 -->
    </div>              <!-- End Row -->
    
@stop

@section('scripts')
    
<script src = "{!! asset('js/hilbit-vue.js') !!}"></script>

<script src = "{!! asset('js/hilbit-recalc-schedules-vue.js') !!}"></script>

    
@stop