/home/mip/mip/app/Modules/Client/Views/principals/overview.blade.php
@extends('Client::layouts')
@section('page-body')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            <i class="fa fa-eye"></i> Client Overview
           
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{ route(config('modules.client').'.settings.principals.index') }}"><i class="fa fa-user-o"></i> Client</a></li>
            <li class="active">Overview</li>           
        </ol>
    </section>
    <!-- Main content -->
    <section class="content"> 
        @include('Client::errors')
        @include('Client::message')
        <div class="row">
            <div class="col-md-3">
                @include('Client::principals.navigation', array('active' => 'overview'))
            </div>
            <div class="col-md-9">
                <div class="box box-primary">
                    <div class="box-body">
                        <div class="page-header">
                             <h1 class="text-info">{{ $principal->name }}</h1>
                             <small><i class="fa fa-map-marker"></i> {{ $principal->address }}</small>
                             <small><i class="fa fa-envelope"></i> {{ $principal->email }}</small>
                        </div>
                    </div>
                </div>
                <div class="box box-default">
                    <div class="box-header">
                        <h1 class="box-title"><a href="{{ route(config('modules.client').'.principals.contact-persons.index', $principal->hashid) }}">List of Contacts</a></h1>
                    </div>

                    <div class="box-body">
                        <table class="table table-bordered table-condensed table-striped" id='contact-persons-table' width="100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Details</th>
                                    <th>Contact Nos.</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@stop
@section('page-js')

<script type="text/javascript">
$(function() {
    var contactTable = $('#contact-persons-table').DataTable({
        processing: true,
        serverSide: true,
        "pagingType": "input",
        filter:false,
        paging:false,
        info:false,
        ajax: "{!! url(config('modules.client').'/principals/'.$principal->hashid.'/get-contact-persons-data') !!}",
        columns: [
            {
                width:'10px', searchable: false, orderable: false,
                render: function (data, type, row, meta) {
                    return meta.row + meta.settings._iDisplayStart + 1;
                }
            },
            { data: 'contact_details', name: 'contact_details', searchable:false},
            { data: 'contact_numbers', name: 'contact_numbers', searchable: false, orderable: false},
        ],
        "order": [[1, "asc"]],
    });
});
</script>
@include('Client::notify')
@stop