@extends('workshops.jobcards.includes.jobcard_tabs')
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Workshops</a> <span class="divider">/</span></li>
        <li><a href="{{route('workshops.jobs_cards.index')}}">Job cards</a> <span class="divider">/</span></li>
        <li class="active"> {{$job_card_number}}</li>
    </ul>
@stop
@section('jobcards')
    <a  href="javascript:createOrEdit('{{route('requisitions.master_services',[$job_card->id])}}')" class="btn pull-right btn-small btn-info" style="margin-left: 2px">
        <span class="icon-plus "></span> SERVICE PAYMENT REQUEST
    </a>
    <div class="row-fluid">
        <div class="span12">
            <table style="width: 100%;font-size:10px;margin-left: 25px" class="table table1  table-invoice">
                <tbody>
                <tr>
                    {{--            <td style="width:16%;text-align: right">RECEIVED FROM:</td>--}}
                    {{--            <td colspan="2" style="text-align: left">--}}
                    {{--                    <span class="text-val" style="padding-bottom: 10px;"></span>--}}
                    {{--            </td>--}}
                    <td style="width:16%;text-align: right">DATE RECEIVED :</td>
                    <td colspan="2" style="text-align: left">
                    <span class="text-val" style="padding-bottom: 10px;">
                        {{$job_card->date}}
                    </span>
                    </td>
                    <td style="width:100px;text-align: right">JOB NO:</td>
                    <td colspan="2" style="text-align: left">
                    <span class="text-val" style="padding-bottom: 10px;">
                        {{$job_card_number}}
                    </span>
                    </td>
                </tr>
                <tr>
                    <td style="width:100px;text-align: right">ASSIGNED TO :</td>
                    <td colspan="2" style="text-align: left">
                    <span class="text-val" style="padding-bottom: 10px;">
                        {{$job_card->assignee->full_name }}
                    </span>
                    </td>
                    <td style="width:100px;text-align: right">PRIORITY :</td>
                    <td colspan="2" style="text-align: left">
                    <span class="text-val" style="padding-bottom: 10px;">
                        {{$job_card->priority }}
                    </span>
                    </td>
                </tr>
                </tbody>
            </table>

        </div>
    </div>
    <br>
    <br>
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed">
                <thead>
                <tr>
                    <th style="width: 3%">S/N</th>
                    <th style="width: 47%">Name</th>
                    <th style="width: 25%">Location</th>
                    <th style="width: 25%">Custodian</th>
                </tr>
                </thead>
                <tbody>
                @foreach($job_card->jobCardItems as $index=> $job_card_item)
                    <tr class="asset_tr">
                        <td>{{ ++$index }}</td>
                        <td>{{ $job_card_item->asset()->name }}</td>
                        <td>{{ $job_card_item->asset()->location }}</td>
                        <td>{{ $job_card_item->asset()->custodian }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->

    <script>

    </script>
@stop