@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">View JO 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-7" style="padding-right:5px">
        <div class="box box-default" style="height:515px">
            <div class="box-body">
                <p class="text-muted text-bold">ACCOMPLISHMENT DETAILS</p>
                
                @if($jo->jo_code == 'SAS')
                    @include('csr.job-order.view.sub_sas')
                @endif

                @if($jo->jo_code == 'NC')
                    @include('csr.job-order.view.sub_nc')
                @endif

                @if($jo->jo_code == 'DC-DA')
                    @include('csr.job-order.view.sub_dcda')
                @endif

                @if($jo->jo_code == 'DC-CR')
                    @include('csr.job-order.view.sub_dccr')
                @endif

                @if($jo->jo_code == 'RC')
                    @include('csr.job-order.view.sub_rc')
                @endif

                @if($jo->jo_code == 'IC')
                    @include('csr.job-order.view.sub_ic')
                @endif

                @if($jo->jo_code == 'CM')
                    @include('csr.job-order.view.sub_cm')
                @endif

                @if($jo->jo_code == 'MC')
                    @include('csr.job-order.view.sub_mc')
                @endif

                @if($jo->jo_code == 'CAC')
                    @include('csr.job-order.view.sub_cac')
                @endif

                @if($jo->jo_code == 'CCT')
                    @include('csr.job-order.view.sub_cct')
                @endif

                @if($jo->jo_code == 'SL')
                    @include('csr.job-order.view.sub_sl')
                @endif

                @if($jo->jo_code == 'RM')
                    @include('csr.job-order.view.sub_rm')
                @endif

                @if($jo->jo_code == 'OT' || $jo->jo_code == 'SV')
                    @include('csr.job-order.view.sub_ot')
                @endif 

                <br>
                <div class="row">
                    <div class="col-xs-6">
                        <span class="text-bold text-muted">DISPATCHED TO</span><br>
                        <i class="fa fa-fw margin-r-5 text-success fa-user"></i>
                        <span>
                            @foreach($jo->dispatched_to AS $k => $d)
                                @if($k == 0)
                                    {{ strtoupper($d->name) }}
                                @else
                                    {{ ', '.strtoupper($d->name) }}
                                @endif
                            @endforeach
                        </span><br>
                        <i class="fa fa-fw margin-r-5 text-success fa-history"></i>
                        <span>{{ date("M d, Y h:i:s A", strtotime($jo->dispatched_at)) }}</span>

                        <br><br>

                        <span class="text-bold text-muted">DATE TIME STARTED</span><br>
                        <i class="fa fa-fw margin-r-5 text-success fa-calendar-plus-o"></i>
                        <span>{{ date("M d, Y h:i:s A", strtotime($jo->date_started)) }}</span>
                    </div>

                    <div class="col-xs-6">
                        <span class="text-bold text-muted">ACCOMPLISHED BY</span><br>
                        <i class="fa fa-fw margin-r-5 text-success fa-user"></i>
                        <span>
                            @foreach($jo->accomplished_by AS $k => $d)
                                @if($k == 0)
                                    {{ strtoupper($d->name) }}
                                @else
                                    {{ ', '.strtoupper($d->name) }}
                                @endif
                            @endforeach
                        </span><br>
                        <span><i class="fa fa-fw margin-r-5 text-success fa-calendar-check-o"></i>
                        {{ date("M d, Y h:i:s A", strtotime($jo->date_finished)) }}</span>

                        <br><br>

                        <span class="text-bold text-muted">DATE TIME FINISHED</span><br>
                        <i class="fa fa-fw margin-r-5 text-success fa-calendar-minus-o"></i>
                        <span>{{ date("M d, Y h:i:s A", strtotime($jo->date_finished)) }}</span>
                    </div>
                </div>
                
                <br>
                <div class="row">
                    <div class="col-xs-6">
                        <span class="text-bold text-muted">REMARKS</span><br>
                        <span><i class="fa fa-fw margin-r-5 text-success fa-commenting-o"></i> {{ $jo->remarks ? strtoupper($jo->remarks) : '-' }}</span>
                    </div>
                    <div class="col-xs-6">
                        <span class="text-bold text-muted">WATER LOST</span><br>
                        <span><i class="fa fa-fw margin-r-5 text-success fa-tint"></i> {{ $jo->water_lost }} CuM</span>
                    </div>
                </div>           
            </div>
        </div>
    </div>

    <div class="col-xs-5" style="padding-left:5px">
        <div class="box box-default" style="height:515px">
            <div class="box-body">
                <div class="row">
                    <div class="form-group col-xs-12">
                        <p class="text-muted text-bold">JOB ORDER DETAILS</p>
                        <div class="row">
                            <div class="col-xs-12">
                                <i class="fa fa-fw margin-r-5 text-success fa-user"></i><span>{{ strtoupper($jo->cust_name) }}</span>
                            </div>
                            <div class="col-xs-6">
                                <i class="fa fa-fw margin-r-5 text-success fa-lock"></i><span>{{ $jo->acct_number ? $jo->acct_number : '-'  }}</span>
                            </div>
                            <div class="col-xs-6">
                                <i class="fa fa-fw margin-r-5 text-success fa-briefcase"></i><span>{{ $jo->acct_class }} - {{ $jo->acct_subclass }}</span>
                            </div>
                            <div class="col-xs-6">
                                <i class="fa fa-fw margin-r-5 text-success fa-tachometer"></i><span>{{ $jo->meter_no ? $jo->meter_brand .' - '. $jo->meter_no : '-' }}</span>
                            </div>
                            <div class="col-xs-6">
                                <i class="fa fa-fw margin-r-5 text-success fa-book"></i><span>{{ $jo->book_code ? $jo->book_code : '-' }}</span>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-xs-6">
                                <i class="fa fa-fw margin-r-5 text-success fa-wrench"></i><span>{{ strtoupper($jo->jo_number) }}</span>
                            </div>
                            <div class="col-xs-6">
                                <i class="fa fa-fw margin-r-5 text-success fa-exclamation-triangle"></i><span>CRITICAL JO: {{ $jo->is_critical == true ? 'YES' : 'NO' }}</span>
                            </div>
                            <div class="col-xs-12">
                                <i class="fa fa-fw margin-r-5 text-success fa-tags"></i><span>{{ strtoupper($jo->jo_category) }}</span>
                            </div>
                            <div class="col-xs-12">
                                <i class="fa fa-fw margin-r-5 text-success fa-tag"></i><span>{{ $jo->jo_reason ? strtoupper($jo->jo_reason) : '-' }}</span>
                            </div>
                            <div class="col-xs-12">
                                <i class="fa fa-fw margin-r-5 text-success fa-location-arrow"></i><span>{{ strtoupper(substr($jo->complete_address, 0, 64)) }}...</span>
                            </div>
                        </div>
                        <br>

                        <div class="row">
                            <div class="col-xs-6">
                                <span class="text-bold text-muted">MATERIALS</span><br>
                                @if($jo->materials->count() > 0)
                                <table>
                                    @foreach($jo->materials AS $m)
                                    <tr title="{{ $m->material_desc . ' X ' . $m->quantity }}">
                                        <td><i class="fa fa-fw fa-shopping-cart text-success"></i></td>
                                        <td>PHP {{ number_format($m->amt_net,2,".",",") }}&nbsp;</td>
                                        <td>
                                            @if($m->payment_method == 'full')
                                                @if($m->status == 'p')
                                                <label class="label label-success">FULL PAYMENT | P</label>
                                                @else
                                                <label class="label label-danger">FULL PAYMENT | UP</label>
                                                @endif
                                            @elseif($m->payment_method == 'atb')
                                                <label class="label label-primary">ATB</label>
                                            @endif
                                        </td>
                                    </tr>
                                    {{-- <tr>
                                        <td>
                                            <i class="fa fa-fw margin-r-5 fa-shopping-cart text-success"></i>
                                            <span>P{{ number_format($m->amt_net,2,".",",") }}</span>&nbsp;
                                            <small class="text-primary jo-mats-details" data-id="{{ $jo->id }}" style="cursor:pointer;">VIEW DETAILS</small>
                                        </td>
                                    </tr> --}}
                                    @endforeach
                                </table>
                                @else
                                    <label class="label label-warning">NO MATERIALS</label>
                                @endif
                            </div>
                            <div class="col-xs-6">
                                <span class="text-bold text-muted">SERVICES</span><br>
                                @if($jo->services->count() > 0)
                                <table>
                                    @foreach($jo->services AS $s)
                                    <tr title="{{ $s->description }}">
                                        <td><i class="fa fa-fw fa-wrench text-success"></i></td>
                                        <td>PHP {{ number_format($s->amt_basic,2,".",",") }}&nbsp;</td>
                                        <td>
                                            @if($s->payment_method == 'full')
                                                @if($s->status == 'p')
                                                <label class="label label-success">FP | P</label>
                                                @else
                                                <label class="label label-danger">FP | UP</label>
                                                @endif
                                            @elseif($s->payment_method == 'atb')
                                                <label class="label label-primary">ATB</label>
                                            @endif
                                        </td>
                                    </tr>
                                    {{-- <tr>
                                        <td>
                                            <i class="fa fa-fw margin-r-5 fa-wrench text-success"></i>
                                            <span>P{{ number_format($s->amt_net,2,".",",") }}</span>&nbsp;
                                            <small class="text-primary jo-sfee-details" data-id="{{ $jo->id }}" style="cursor:pointer;">VIEW DETAILS</small>
                                        </td>
                                    </tr> --}}
                                    @endforeach
                                </table>
                                @else
                                    <label class="label label-warning">NO SERVICES</label>
                                @endif
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-xs-6" style="margin-top:10px">
                                <span class="text-bold text-muted">NOTE TO FIELDSMEN</span><br>
                                <i class="fa fa-notepad"></i>
                                <span>{{ $jo->notes ? strtoupper($jo->notes) : '-' }}</span>
                            </div>
                            <div class="col-xs-6" style="margin-top:10px">
                                <span class="text-bold text-muted">REPORTED BY / AT</span><br>
                                <i class="fa fa-notepad"></i>
                                <span>
                                    {{ $jo->reported_by ? strtoupper($jo->reported_by) : 'N/A' }}
                                    @if ($jo->reported_at)
                                        - {{ $jo->reported_at ? strtoupper(date('M d, Y h:i:s A', strtotime($jo->reported_at))) : 'N/A' }}
                                    @endif
                                </span>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-xs-6">
                                <span class="text-bold text-muted">DATE CREATED</span><br>
                                <i class="fa fa-fw margin-r-5 text-success fa-user"></i>
                                <span>{{ strtoupper($jo->prepared_by) }}</span><br>

                                <i class="fa fa-fw margin-r-5 text-success fa-cloud-download"></i>
                                <span>{{ date("M d, Y h:i:s A", strtotime($jo->created_at)) }}</span>
                            </div>
                            <div class="col-xs-6">
                                <span class="text-bold text-muted">DATE UPDATED</span><br>
                                <i class="fa fa-fw margin-r-5 text-success fa-user"></i>
                                <span>{{ strtoupper($jo->updated_by) }}</span><br>
                                <i class="fa fa-fw margin-r-5 text-success fa-cloud-upload"></i>
                                <span>{{ date("M d, Y h:i:s A", strtotime($jo->updated_at)) }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
{{-- <script type="text/javascript">
    $(document).ready(function() {
        $('.jo-mats-details').on('click', function() {
            $id = $(this).data('id');

            $jc = $.confirm({
                title: false,
                draggable: true,
                columnClass: 'large',
                content: function() {
                    var self = this;

                    return $.ajax({
                        url: $app_url + '/csr/job-order/view-jo-materials',
                        dataType: 'html',
                        method: 'get',
                        data: { 'id':$id },
                    }).done(function(res) {
                        self.setContent(res);
                    }).fail(function() {
                        self.setContent('Something went wrong. Please try again or refresh the page.');
                    });
                },
                buttons: {
                    CLOSE: {
                        btnClass:'btn btn-default',
                        text: '<small>[ESC]</small> CLOSE',
                        keys: ['esc']
                    }
                }
            });
        });

        $('.jo-sfee-details').on('click', function() {
            $id = $(this).data('id');

            $jc = $.confirm({
                title: false,
                draggable: true,
                columnClass: 'large',
                content: function() {
                    var self = this;

                    return $.ajax({
                        url: $app_url + '/csr/job-order/view-jo-services',
                        dataType: 'html',
                        method: 'get',
                        data: { 'id':$id },
                    }).done(function(res) {
                        self.setContent(res);
                    }).fail(function() {
                        self.setContent('Something went wrong. Please try again or refresh the page.');
                    });
                },
                buttons: {
                    CLOSE: {
                        btnClass:'btn btn-default',
                        text: '<small>[ESC]</small> CLOSE',
                        keys: ['esc']
                    }
                }
            });
        });
    });
</script> --}}
@endsection