@extends('layouts.main')

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">{{ __('strings.headerViewSchools',["app"=>"QuiQ"]) }} </h4>
            </div>
            <div class="card-body p-2">
                <div class="table-responsive">
                    <table id="schools-table" class="table cell-borders">
                        <thead class="thead-inverse">
                            <tr>
                                <th>RFC</th>
                                <th>Escuela</th> 
                                <th>Direccion</th>
                                <th>Director</th>
								<th>Subdirector</th>
                                <th>Telefono</th> 
                                <th>Email</th>
                                <th></th>
								<th></th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script type="text/javascript">
    var table;
    $(function() {
		moment.locale('es');        
			
        table = $('#schools-table').DataTable({
            processing: true,
            serverSide: true,
            responsive: true,  
            searching: true,
            ajax: '{!! route('getSchoolDatatable') !!}',
            columns:[
                { data: 'RFC'},
                { data: 'name_school'},
				{ data: 'address_school'},
				{ data: null,render: function(data, type, row, meta){
					return data.name_director + " " + data.surname_director; 
				}},
				{ data: null,render: function(data, type, row, meta){
					var aux = "";
					if( data.name_deputy_director != null )
						aux += data.name_deputy_director;
					if( data.surname_deputy_director != null )
						aux += data.surname_deputy_director;
					return aux; 
				}},  
                { data: 'telphone_school'},
                { data: 'email_school'},  	
				{ data: 'edit'},  	
				{ data: 'delete'},  				
            ],
            dom: 'Bfltip',
            buttons: [
            'copy', 'excel'//, 'pdf'
            ],
            lengthMenu: [[10, 50, 300], [10, 50, 300]],
            });
    });
</script>
@endpush