@extends('layouts.main_without_top_button')
@section('title')
    VEHICLE HANDOVER CHECKLIST
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{ route('home') }}">Dashboard</a><span class="divider">/</span></li>
        <li><a href="{{ route('vehicle_handover_checklists.index') }}">Vehicle Handover Checklist</a> <span class="divider">/</span></li>
        <li class="active">Checklist Profile</li>
    </ul>
@stop
@section('contentinner')
    <div class="tabbable">
        <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#handover_items"> Handover Items </a></li>
            <li><a data-toggle="tab" href="#handover_participants"> Handover Participants </a></li>
        </ul>

        <div class="tab-content">
            <div id="handover_items" class="tab-pane fade in active">
                <div class="row-fluid">
                    <div class="span12">
                        <table class="table table-bordered table-condensed">
                            <thead>
                            <tr>
                                <th>S/N</th>
                                <th>ITEM</th>
                                <th>CONDITION</th>
                                <th>QUANTITY</th>
                                <th>COMMENT</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($vehicle_handover_checklist->items as $key => $item)
                                <tr>
                                    <td>{{ ++$key }}</td>
                                    <td>{{ isset($item->masterInspectionChecklist->checklistable->name) ? $item->masterInspectionChecklist->checklistable->name : '' }}</td>
                                    <td>{{ $item->result }}</td>
                                    <td>{{ $item->quantity->quantity >0 ?: ''}}</td>
                                    <td>{{ $item->comment }}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div><!--span12-->
                </div><!--row-fluid-->
            </div>

            <div id="handover_participants" class="tab-pane fade">
                <div class="row-fluid">
                    <div class="span12">
                        <table class="table table-bordered table-condensed">
                            <thead>
                            <tr>
                                <th>S/N</th>
                                <th>Date</th>
                                <th>Name</th>
                                <th>Position</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($vehicle_handover_checklist->participants as $key => $participant)
                                <tr>
                                    <td>{{ ++$key }}</td>
                                    <td>{{ $participant->date }}</td>
                                    <td>{{ $participant->employee->full_name }}</td>
                                    <td>{{ $participant->position }}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div><!--span12-->
                </div><!--row-fluid-->

            </div>
        </div>
    </div>
@stop