@extends('layouts.app')
@section('title', 'BWSI')

@section('body')
<div class="row" style="padding-left:5px; padding-right:5px">
    <div class="box-header with-border">
        <h3 class="box-title">Job Order Details</h3>
        <div class="box-tools pull-right">
            <a href="{{url('csr/job-order')}}" class="btn btn-sm btn-flat btn-default"><i class="fa fa-reply"></i> Go Back</a>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-xs-6">
        <div class="box box-default" style="margin-bottom:10px; height:340px">
            <div class="box-header with-border">
                <b>JO NUMBER: {{ $jo->jo_number }}</b>
            
                @if($jo->status == 'pending')
                <span class="label label-warning pull-right" style="font-size:13px">PENDING</span>
                @elseif($jo->status == 'dispatched')
                <span class="label label-primary pull-right" style="font-size:13px">DISPATCHED</span>
                @elseif($jo->status == 'accomplished')
                <span class="label label-success pull-right" style="font-size:13px">ACCOMPLISHED</span>
                @elseif($jo->status == 'cancelled')
                <span class="label label-danger pull-right" style="font-size:13px">CANCELLED</span>
                @endif
            </div>
            <div class="box-body">
                <div class="row">
                    <div class="form-group col-xs-8">
                        <dt>JO Category</dt>
                        <dd>{{ strtoupper($jo->jo_category) }}</dd>
                    </div>
                    <div class="form-group col-xs-4">
                        <dt>Date Created</dt>
                        <dd>{{ date_format(date_create($jo->created_at), 'Y-m-d') }}</dd>
                    </div>
                    <div class="form-group col-xs-12">
                        <dt>JO Reason</dt>
                        <dd>{{ $jo->jo_reason_other ? strtoupper($jo->jo_reason_other) : strtoupper($jo->jo_reason) }}</dd>
                    </div>
                    <div class="form-group col-xs-5">
                        <dt>Customer Name</dt>
                        <dd>{{ $jo->cust_name ? strtoupper($jo->cust_name) : '-' }}</dd>
                    </div>
                    <div class="form-group col-xs-3">
                        <dt>Account No.</dt>
                        <dd>{{ $jo->acct_number ? strtoupper($jo->acct_number) : '-' }}</dd>
                    </div>
                    <div class="form-group col-xs-2">
                        <dt>Acct. Class</dt>
                        <dd>{{ $jo->acct_class ? strtoupper($jo->acct_class) .' - '. strtoupper($jo->acct_subclass) : '-' }}</dd>
                    </div>
                    <div class="form-group col-xs-2">
                        <dt>Meter No.</dt>
                        <dd>{{ $jo->meter_no ? strtoupper($jo->meter_no) : '-' }}</dd>
                    </div>
                    <div class="form-group col-xs-12">
                        <dt>Address</dt>
                        <dd>{{ strtoupper($jo->complete_address) }}</dd>
                    </div>
                    <div class="form-group col-xs-8">
                        <dt>Dispatched To</dt>
                        <dd>
                            @foreach($jo->dispatched_to AS $k => $d)
                                @if($k == 0)
                                    {{ strtoupper($d->name) }}
                                @else
                                    {{ ', '.strtoupper($d->name) }}
                                @endif
                            @endforeach
                        </dd>
                    </div>
                    <div class="form-group col-xs-4">
                        <dt>Date Dispatched</dt>
                        <dd>{{ $jo->dispatched_at }}</dd>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-xs-6">
        <div class="box box-default" style="margin-bottom:10px; height:340px">
            <div class="box-header with-border">
                <b>Accomplishment Data</b>
            </div>
            <div class="box-body">
                @if($jo->accomplishment)
                    @if($jo->jo_code == 'NC')
                        @include('csr.job-order.view.sub_nc')
                    @elseif($jo->jo_code == 'DC-DA' || $jo->jo_code == 'DC-CR')
                        @include('csr.job-order.view.sub_dcda')
                    @elseif($jo->jo_code == 'RC')
                        @include('csr.job-order.view.sub_rc')
                    @elseif($jo->jo_code == 'MC')
                        @include('csr.job-order.view.sub_mc')
                    @elseif($jo->jo_code == 'CM')
                        @include('csr.job-order.view.sub_cm')
                    @elseif($jo->jo_code == 'RM')
                        @include('csr.job-order.view.sub_rm')
                    @elseif($jo->jo_code == 'SL')
                        @include('csr.job-order.view.sub_sl')
                    @elseif($jo->jo_code == 'SV')
                        @include('csr.job-order.view.sub_sv')
                    @elseif($jo->jo_code == 'IC')
                        @include('csr.job-order.view.sub_ic')
                    @elseif($jo->jo_code == 'OT')
                        @include('csr.job-order.view.sub_ot')
                    @elseif($jo->jo_code == 'CAC')
                        @include('csr.job-order.view.sub_cac')
                    @elseif($jo->jo_code == 'SAS')
                        @include('csr.job-order.view.sub_sas')
                    @endif
                @else
                    <p class="text-danger">No data available.</p>
                @endif
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-xs-6">
        <div class="box box-default" style="margin-bottom:10px">
            <div class="box-header with-border">
                <b>Services</b>
            </div>
            <div class="box-body">
                @if($jo->services->isNotEmpty()) 
                <table class="table">
                    <thead class="table-header-bg">
                        <tr>
                            <th>Description</th>
                            <th>Payment Method</th>
                            <th class="text-right">Amount</th>
                            <th class="text-right">&nbsp;</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($jo->services AS $s)
                        <tr>
                            <td>{{ strtoupper($s->description) }}</td>
                            <td>
                                @if($s->payment_method == 'full')
                                    FULL
                                @elseif($s->payment_method == 'atb')
                                    ADD TO BILL
                                @elseif($s->payment_method == 'ins')
                                    INSTALLMENT
                                @endif
                            </td>
                            <td class="text-right">{{ number_format($s->amt_basic,2,".",",") }}</td>
                            <!-- <td class="text-right"><button class="btn btn-xs btn-warning"><i class="fa fa-search"></i></button></td> -->
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @else 
                <p class="text-danger">No data available.</p>
                @endif
            </div>
        </div>
    </div>

    <div class="col-xs-6">
        <div class="box box-default" style="margin-bottom:10px">
            <div class="box-header with-border">
                <b>Materials</b>
            </div>
            <div class="box-body">
                @if($jo->materials->isNotEmpty()) 
                <table class="table">
                    <thead class="table-header-bg">
                        <tr>
                            <th>Description</th>
                            <th>UoM</th>
                            <th class="text-right">Amt</th>
                            <th class="text-right">Qty</th>
                            <th class="text-right">Total</th>
                            <th class="text-right">&nbsp;</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($jo->materials AS $m)
                        <tr>
                            <td>{{ strtoupper($m->description) }}</td>
                            <td>{{ strtoupper($m->uom) }}</td>
                            <td class="text-right">{{ number_format($m->price_unit,2,".",",") }}</td>
                            <td class="text-right">{{ $m->quantity }}</td>
                            <td class="text-right">{{ number_format($m->price_total,2,".",",") }}</td>
                            <!-- <td class="text-right"><button class="btn btn-xs btn-warning"><i class="fa fa-search"></i></button></td> -->
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @else 
                <p class="text-danger">No data available.</p>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection