@if($quotationTableType=='job')
    <div class="panel panelOverFlow">
        <div class="table-striped">
            <table cellpadding="0" cellspacing="0" border="0" class="table table-striped"
                   id="quotationJobsTable">
                <thead>
                <tr>
                    <th>id</th>
                    <th>Client</th>
                    <th>Building</th>
                    <th>Engineer</th>
                    <th>Type</th>
                    <th>Discipline</th>
                    <th>Status</th>
                    <th>Deadline</th>
                </tr>
                </thead>
                <tbody>
                @foreach($quotationJobs as $job)
                    <tr>
                        <td>
                            <a onclick="javascript:generateDashboardJobDetail('{{URL::action("JobController@generateJobDetail")}}', '{{$job["id"]}}', '{{csrf_token()}}')">{{$job['id']}}</a>
                        </td>
                        <td>{{$job['client']}}</td>
                        <td>{{$job['building']}}</td>
                        <td>{{$job['engineers']}}</td>
                        <td>{{$job['jobType']}}</td>
                        <td>{{$job['discipline']}}</td>
                        <td>{{$job['status']}}</td>
                        <td>{{date('d/m/Y', strtotime($job['expectStartTime']))}}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <script type="text/javascript">
        var quotationJobsTable =
                $('#quotationJobsTable')
                        .dataTable({
                            bAutoWidth: true,
                            "aoColumns": [
                                {"bSortable": true},
                                {"bSortable": true},
                                {"bSortable": true},
                                {"bSortable": true},
                                {"bSortable": true},
                                {"bSortable": true},
                                {"bSortable": true},
                                {"sType": "date-uk"}
                            ],
                            "aaSorting": [],
                            "iDisplayLength": 10
                        });
        $('#breachJobsTable_wrapper .table-caption').text('Jobs');
        $('#breachJobsTable_wrapper .dataTables_filter input').attr('placeholder', 'Search...');

        function generateDashboardJobDetail(url, id, csrToken) {
            loadingOverlay();
            $.post(url, {
                id: id,
                _token: csrToken
            }).done(function (data) {
                loadingRemove();
                $('#dashboardDetailModalContent').html(data);
                $('#dashboardDetailPanel').modal('show');
            }).fail(function (data) {
                loadingRemove();
                new PNotify({
                    title: 'Reading detail failed!',
                    text: '',
                    type: 'error',
                    icon: 'fa fa-times'
                });
            });
        }

    </script>
@endif

@if($quotationTableType=='quotation')
    <div class="panel panelOverFlow">
        <table cellpadding="0" cellspacing="0" border="0" class="table table-striped"
               id="quotationsTable">
            <thead>
            <tr>
                <th>Quotation Ref</th>
                <th>Client</th>
                <th>Building</th>
                <th>Total £</th>
                <th>Creator</th>
                <th>Date</th>
                <th>Status</th>
            </tr>
            </thead>
            <tbody>
            @foreach($quotationJobs as $quotation)
                <tr>
                    <td><a onclick="javascript:generateDashboardQuotationDetail('{{URL::action("QuotationController@generateQuotationDetail")}}', '{{$quotation["id"]}}', '{{csrf_token()}}')">{{$quotation['quotationRef']}}</a>
                    </td>
                    <td>{{$quotation['clientName']}}</td>
                    <td>{{$quotation['siteName']}}</td>
                    <td>{{$quotation['quotationTotal']}}</td>
                    <td>{{$quotation['creator']}}</td>
                    <td>{{date('Y-m-d', strtotime($quotation['quotationDate']))}}</td>
                    <td>{{$quotation['status']}}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

    <script type="text/javascript">
        var quotationTable =
                $('#quotationsTable')
                        .dataTable({
                            bAutoWidth: true,
                            "bPaginate": true,
                            "aoColumns": [
                                {"bSortable": true},
                                {"bSortable": true},
                                {"bSortable": true},
                                {"bSortable": true},
                                {"bSortable": true},
                                {"bSortable": true},
                                {"bSortable": true}
                            ],
                            "aaSorting": [],
                            "iDisplayLength": 10
                        });
        $('#quotationsTable_wrapper .table-caption').text('Quotations');
        $('#quotationsTable_wrapper .dataTables_filter input').attr('placeholder', 'Search...');

        function generateDashboardQuotationDetail(url, quotationId, csrToken) {
            loadingOverlay();
            $.post(url, {
                quotationId: quotationId,
                _token: csrToken
            }).done(function (data) {
                loadingRemove();
                $('#dashboardDetailModalContent').html(data);
                $('#dashboardDetailPanel').modal('show');
            }).fail(function (data) {
                loadingRemove();
                new PNotify({
                    title: 'Reading detail failed!',
                    text: '',
                    type: 'error',
                    icon: 'fa fa-times'
                });
            });
        }
    </script>
@endif