@extends('layouts.app')
@section('title', __('lang_v1.po_followup'))

@section('content')
    <section class="content-header">
        <h1>@lang('lang_v1.po_followup') <small>@lang('lang_v1.po_followup_desc')</small></h1>
    </section>

    <section class="content">
        @include('layouts.partials.error')

        {{-- Un-chaseable orders. Without a lead time there is no ETA, so these
             POs can never appear below — say so instead of hiding them. --}}
        @if(!empty($no_eta_products))
            <div class="alert alert-warning">
                <i class="fa fa-exclamation-triangle"></i>
                @lang('lang_v1.po_followup_no_eta', ['count' => count($no_eta_products)])
                <br><small>{{ implode(', ', array_slice($no_eta_products, 0, 15)) }}@if(count($no_eta_products) > 15) …@endif</small>
            </div>
        @endif

        {{-- Bucket counts, most urgent first. Each is a filter link so an operator
             can work one rung at a time (e.g. "everything overdue"). --}}
        <div class="box box-solid">
            <div class="box-body">
                @if(empty($buckets))
                    <span class="text-muted"><i class="fa fa-check-circle"></i> @lang('lang_v1.no_pos_to_followup')</span>
                @else
                    <a href="{{ route('supplier.po-followups') }}"
                       class="btn btn-sm {{ empty($filter_bucket) ? 'btn-primary' : 'btn-default' }}">
                        @lang('lang_v1.all')
                    </a>
                    @foreach($buckets as $bucket => $count)
                        @php
                            // Same colour ladder the rows use, so the chips and the
                            // table read as one escalation scale.
                            $chip = app(\App\Utils\PoFollowupUtil::class)->stageClass(
                                $bucket === 'OVERDUE' ? \App\Utils\PoFollowupUtil::STAGE_OVERDUE_PREFIX.'1' : $bucket
                            );
                        @endphp
                        <a href="{{ route('supplier.po-followups') }}?bucket={{ $bucket }}"
                           class="btn btn-sm btn-default" style="margin-left:4px;">
                            <span class="label {{ $chip }}">{{ $bucket === 'OVERDUE' ? __('lang_v1.overdue') : $bucket }}</span>
                            <strong>{{ $count }}</strong>
                        </a>
                    @endforeach
                @endif
            </div>
        </div>

        <div class="box box-solid">
            <div class="box-body table-responsive">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>@lang('purchase.ref_no')</th>
                            <th>@lang('lang_v1.manufacturer')</th>
                            <th>@lang('business.product')</th>
                            <th class="text-right">@lang('sale.quantity')</th>
                            <th class="text-center">@lang('lang_v1.fulfilment')</th>
                            <th>@lang('messages.date')</th>
                            <th>@lang('lang_v1.eta')</th>
                            <th class="text-right">@lang('lang_v1.days_left')</th>
                            <th class="text-center">@lang('lang_v1.stage')</th>
                            <th>@lang('lang_v1.last_followup')</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($rows as $po)
                            <tr>
                                <td>{{ $po->ref_no }}</td>
                                <td>{{ optional($po->contact)->name ?: optional($po->contact)->supplier_business_name ?: '-' }}</td>
                                <td>
                                    {{ optional($po->fu_product)->name ?: '-' }}
                                    {{-- Legacy/store POs can carry several products; never
                                         let the extra lines vanish behind the first one. --}}
                                    @if($po->fu_extra_lines)
                                        <small class="text-muted">+{{ $po->fu_extra_lines }} @lang('lang_v1.more')</small>
                                    @endif
                                </td>
                                <td class="text-right">{{ @num_format($po->fu_qty) }}</td>
                                <td class="text-center">
                                    @if(!empty($po->fu_fulfilment))
                                        @php $f = $po->fu_fulfilment; @endphp
                                        <span class="label {{ app(\App\Utils\PoFollowupUtil::class)->fulfilmentClass($f['state']) }}">
                                            {{ app(\App\Utils\PoFollowupUtil::class)->fulfilmentLabel($f['state']) }}
                                        </span>
                                        {{-- The balance is what is actually being chased, so it
                                             is stated outright rather than left to subtraction. --}}
                                        <br><small>{{ @num_format($f['accounted']) }} / {{ @num_format($f['ordered']) }}</small>
                                        @if($f['remaining'] > 0 && $f['state'] == 'partial')
                                            <br><small class="text-red">
                                                @lang('lang_v1.balance_due'): {{ @num_format($f['remaining']) }}
                                            </small>
                                        @endif
                                    @else
                                        --
                                    @endif
                                </td>
                                <td>{{ @format_date($po->transaction_date) }}</td>
                                <td>{{ $po->fu_eta ? $po->fu_eta->format('d-m-Y') : '-' }}</td>
                                <td class="text-right">
                                    {{-- Negative days = already late. --}}
                                    <strong @if($po->fu_days < 0) class="text-red" @endif>{{ $po->fu_days }}</strong>
                                </td>
                                <td class="text-center"><span class="label {{ $po->fu_class }}">{{ $po->fu_label }}</span></td>
                                <td>
                                    {{-- Date alone says nothing about what happened; the
                                         latest outcome and any revised ETA are what tell
                                         the operator whether this still needs chasing. --}}
                                    @if(!empty($po->fu_trail_last))
                                        {{ @format_datetime($po->fu_trail_last['at']) }}
                                        <br><small>{{ $po->fu_trail_last['outcome'] ?: '--' }}</small>
                                        @if(!empty($po->fu_trail_last['revised_eta']))
                                            <br><small class="text-muted">
                                                @lang('lang_v1.revised_eta'):
                                                {{ \Carbon::parse($po->fu_trail_last['revised_eta'])->format('d-m-Y') }}
                                            </small>
                                        @endif
                                    @elseif($po->followup_last_at)
                                        {{ @format_date($po->followup_last_at) }}
                                    @else
                                        <span class="text-muted">@lang('lang_v1.followup_none_yet')</span>
                                    @endif
                                </td>
                                <td style="width:1%;white-space:nowrap;">
                                    <button type="button" class="btn btn-xs btn-primary followup_btn"
                                        data-po="{{ $po->id }}" data-ref="{{ $po->ref_no }}"
                                        data-eta="{{ $po->fu_eta ? $po->fu_eta->format('Y-m-d') : '' }}">
                                        <i class="fa fa-phone"></i> @lang('lang_v1.record_followup')
                                    </button>
                                    <a href="#" class="btn btn-xs btn-default btn-modal"
                                        data-href="{{ route('supplier.po-followup.trail', [$po->id]) }}"
                                        data-container=".view_modal">
                                        <i class="fa fa-history"></i> @lang('lang_v1.followup_trail')
                                        @if($po->fu_trail_count)
                                            <span class="badge">{{ $po->fu_trail_count }}</span>
                                        @endif
                                    </a>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="11" class="text-center text-muted">@lang('lang_v1.no_pos_to_followup')</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        {{-- Record-follow-up modal. One form reused for every row; the row's button
             injects the PO id into the action and pre-fills the current ETA. --}}
        <div class="modal fade" id="followupModal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <form method="post" id="followup_form">
                    {{ csrf_field() }}
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                            <h4 class="modal-title"><i class="fa fa-phone"></i>
                                @lang('lang_v1.record_followup') &mdash; <span id="followup_ref"></span></h4>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label>@lang('lang_v1.followup_outcome')<span class="text-danger">*</span></label>
                                <select name="outcome" class="form-control" required>
                                    <option value="">@lang('messages.please_select')</option>
                                    @foreach($outcomes as $key => $label)
                                        <option value="{{ $key }}">{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>@lang('lang_v1.revised_eta')</label>
                                <input type="date" name="revised_eta" id="followup_eta" class="form-control">
                                <span class="help-block">@lang('lang_v1.revised_eta_help')</span>
                            </div>
                            <div class="form-group">
                                <label>@lang('lang_v1.followup_note')</label>
                                <textarea name="note" class="form-control" rows="3" maxlength="500"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">@lang('messages.cancel')</button>
                            <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> @lang('messages.save')</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection

{{-- MUST be @section('javascript'): the layout yields it after
     layouts.partials.javascripts, where jQuery is loaded. A <script> left inside
     @section('content') runs before jQuery exists and dies on `$ is not defined`,
     silently leaving every button unbound. --}}
@section('javascript')
    <script type="text/javascript">
        $(document).on('click', '.followup_btn', function () {
            var poId = $(this).data('po');
            // Route pattern: /supplier/po-followups/{id}/record
            $('#followup_form').attr('action', '{{ url('supplier/po-followups') }}/' + poId + '/record');
            $('#followup_ref').text($(this).data('ref'));
            $('#followup_eta').val($(this).data('eta'));
            $('#followupModal').modal('show');
        });
    </script>
@endsection