@extends('layouts.app')
@section('title', __('rma.process_case'))

@section('content')
<section class="content-header">
    <div class="tw-flex tw-items-start tw-justify-between tw-flex-wrap tw-gap-3">
        <div>
            <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black tw-m-0">
                @lang('rma.process_case')
                <span class="tw-text-gray-500 tw-font-normal">{{ $rma->rma_no }}</span>
            </h1>
            <p class="tw-mt-1 tw-text-sm tw-text-gray-600">
                The page highlights the one step that can be saved next.
            </p>
        </div>
        <div class="tw-flex tw-items-center tw-gap-2 tw-flex-wrap">
            <a href="{{ action([\App\Http\Controllers\RmaController::class, 'index']) }}" class="tw-dw-btn tw-dw-btn-outline tw-dw-btn-primary">
                <i class="fa fa-list"></i> @lang('rma.rma_cases')
            </a>
            @can('rma.view')
                <a href="{{ action([\App\Http\Controllers\RmaController::class, 'show'], [$rma->id]) }}" class="tw-dw-btn tw-dw-btn-outline tw-dw-btn-accent">
                    <i class="fa fa-eye"></i> @lang('messages.view')
                </a>
            @endcan
            @can('rma.print')
                <a href="{{ action([\App\Http\Controllers\RmaController::class, 'print'], [$rma->id]) }}" class="tw-dw-btn tw-dw-btn-outline tw-dw-btn-success" target="_blank">
                    <i class="fa fa-print"></i> @lang('messages.print')
                </a>
            @endcan
        </div>
    </div>
</section>

<section class="content">
    @if($errors->any())
        <div class="alert alert-danger">
            <strong>Please review the information below.</strong>
            <ul class="tw-mt-2">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
        </div>
    @endif

    @component('components.widget', ['class' => 'box-primary', 'title' => __('rma.case_progress')])
        @include('rma.partials.step_navigation')
    @endcomponent

    @component('components.widget', ['class' => 'box-primary', 'title' => __('rma.case_summary')])
        <div class="row">
            <div class="col-md-3"><small class="text-muted">@lang('rma.sale_invoice')</small><div class="tw-font-semibold">{{ optional($rma->sale)->invoice_no }}</div></div>
            <div class="col-md-3"><small class="text-muted">@lang('rma.customer')</small><div class="tw-font-semibold">{{ optional($rma->customer)->supplier_business_name ?: optional($rma->customer)->name }}</div></div>
            <div class="col-md-3">
                <small class="text-muted">@lang('rma.status')</small><div>
                <span class="label {{ $rma->status === 'completed' ? 'bg-green' : ($rma->status === 'supplier_processed' ? 'bg-purple' : ($rma->status === 'customer_processed' ? 'bg-blue' : 'bg-yellow')) }}">
                    {{ \App\Rma::statuses()[$rma->status] ?? $rma->status }}
                </span>
                @if(!empty($rma->review_required_from_step))<span class="label bg-orange">@lang('rma.needs_review')</span>@endif
                </div>
            </div>
            <div class="col-md-3"><small class="text-muted">@lang('rma.after_sales_location')</small><div class="tw-font-semibold">{{ optional($rma->after_sales_location)->name }}</div></div>
        </div>
    @endcomponent

    @if(!$can_edit_step)
        <div class="alert alert-info">
            <i class="fa fa-lock"></i>
            {{ $rma->status === 'completed' ? __('rma.completed_case_notice') : __('rma.view_only_step_notice') }}
            @if(auth()->user()->can('rma.reopen') && auth()->user()->can('rma.update'))
                <a href="{{ action([\App\Http\Controllers\RmaController::class, 'show'], [$rma->id]) }}" class="alert-link tw-ml-2">@lang('rma.reopen_step') →</a>
            @endif
        </div>
    @endif

    {!! Form::open(['url' => action([\App\Http\Controllers\RmaController::class, 'update'], [$rma->id]), 'method' => 'PUT', 'files' => true]) !!}
    {!! Form::hidden('step', $step) !!}
    <fieldset @if(!$can_edit_step) disabled @endif>

    @if($step === 1)
        @component('components.widget', ['class' => 'box-primary', 'title' => __('rma.steps.intake')])
            <div class="alert alert-info"><i class="fa fa-info-circle"></i> @lang('rma.step_help.intake') @lang('rma.intake_quantity_help')</div>
            @php
                $location_locked = $rma->stock_movements->isNotEmpty() || $rma->items->contains(function ($row) {
                    return (float) ($row->qty_moved_to_rma_location ?? 0) > 0
                        || (float) ($row->qty_removed_from_rma_location_by_supplier ?? 0) > 0
                        || (float) ($row->qty_added_to_origin_location_by_supplier ?? 0) > 0;
                });
                $location_attributes = ['class' => 'form-control select2', 'style' => 'width:100%'];
                if ($location_locked) {
                    $location_attributes['disabled'] = true;
                }
            @endphp
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('after_sales_location_id', __('rma.after_sales_location') . ':') !!}
                        {!! Form::select('after_sales_location_id', $business_locations, $rma->after_sales_location_id, $location_attributes) !!}
                        @if($location_locked)
                            {!! Form::hidden('after_sales_location_id', $rma->after_sales_location_id) !!}
                            <small class="help-block"><i class="fa fa-lock"></i> @lang('rma.location_locked_notice')</small>
                        @else
                            <small class="help-block">@lang('rma.case_setup_guidance')</small>
                        @endif
                    </div>
                </div>
            </div>
            <div class="table-responsive">
                <table class="table table-bordered table-striped table-hover table-condensed">
                    <thead>
                        <tr>
                            <th>@lang('product.product_name')</th>
                            <th>@lang('rma.quantity')</th>
                            <th>@lang('rma.issue_type')</th>
                            <th>@lang('rma.reason')</th>
                            <th>@lang('rma.issue_note')</th>
                            <th>@lang('rma.condition_note')</th>
                            <th>@lang('rma.picture')</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($rma->items as $item)
                            @php
                                $variation_parts = [];
                                $customer_outcome = $item->customer_outcome === 'return' ? 'refund' : $item->customer_outcome;
                                $customer_outcome = $customer_outcome === 'replacement' ? 'exchange' : $customer_outcome;
                                if (optional($item->product)->type == 'variable' && !empty($item->variation) && !empty($item->variation->product_variation)) {
                                    $variation_parts[] = $item->variation->product_variation->name;
                                    if ($item->variation->name !== $item->variation->product_variation->name) {
                                        $variation_parts[] = $item->variation->name;
                                    }
                                }
                            @endphp
                            <tr>
                                <td>
                                    {{ optional($item->product)->name }}
                                    @if(!empty($variation_parts))
                                        <br><small>{{ implode(' - ', $variation_parts) }}</small>
                                    @endif
                                </td>
                                <td>
                                    {!! Form::number("items[$item->id][quantity]", $item->quantity, ['class' => 'form-control', 'step' => '0.01', 'min' => '0.01']) !!}
                                    @error("items.$item->id.quantity")<small class="text-danger">{{ $message }}</small>@enderror
                                </td>
                                <td>{!! Form::select("items[$item->id][issue_type]", \App\RmaItem::issueTypes(), $item->issue_type, ['class' => 'form-control select2', 'style' => 'width:100%']) !!}</td>
                                <td>{!! Form::select("items[$item->id][reason]", \App\RmaItem::intakeReasons(), $item->reason, ['class' => 'form-control select2', 'style' => 'width:100%']) !!}</td>
                                <td>{!! Form::textarea("items[$item->id][issue_note]", $item->issue_note, ['class' => 'form-control', 'rows' => 2]) !!}</td>
                                <td>{!! Form::textarea("items[$item->id][condition_note]", $item->condition_note, ['class' => 'form-control', 'rows' => 2]) !!}</td>
                                <td>
                                    @if($item->media->first())
                                        <a href="{{ $item->media->first()->display_url }}" target="_blank">@lang('messages.view')</a><br>
                                    @endif
                                    <input type="file" name="step1_item_picture[{{ $item->id }}]" class="form-control">
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endcomponent
    @elseif($step === 2)
        @component('components.widget', ['class' => 'box-primary', 'title' => __('rma.steps.customer_outcome')])
            <div class="alert alert-info"><i class="fa fa-info-circle"></i> @lang('rma.customer_outcome_guidance')</div>
            @php
                $customer_outcome_options = \App\RmaItem::customerOutcomes();
                if (! auth()->user()->can('rma.exchange_replacement')) {
                    unset($customer_outcome_options['exchange'], $customer_outcome_options['replacement']);
                }
            @endphp
            <div class="table-responsive">
                <table class="table table-bordered table-striped table-hover table-condensed">
                    <thead>
                        <tr>
                            <th>@lang('product.product_name')</th>
                            <th>@lang('rma.customer_outcome')</th>
                            <th class="rma-document-column">@lang('rma.linked_customer_transaction_id')</th>
                            <th class="rma-document-column">@lang('rma.customer_reference')</th>
                            <th class="rma-repair-column">@lang('rma.repair_note')</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($rma->items as $item)
                            @php
                                $variation_parts = [];
                                $customer_outcome = $item->customer_outcome === 'return' ? 'refund' : $item->customer_outcome;
                                $customer_outcome = $customer_outcome === 'replacement' ? 'exchange' : $customer_outcome;
                                if (optional($item->product)->type == 'variable' && !empty($item->variation) && !empty($item->variation->product_variation)) {
                                    $variation_parts[] = $item->variation->product_variation->name;
                                    if ($item->variation->name !== $item->variation->product_variation->name) {
                                        $variation_parts[] = $item->variation->name;
                                    }
                                }
                            @endphp
                            <tr>
                                <td>
                                    {{ optional($item->product)->name }}
                                    @if(!empty($variation_parts))
                                        <br><small>{{ implode(' - ', $variation_parts) }}</small>
                                    @endif
                                </td>
                                <td>{!! Form::select("items[$item->id][customer_outcome]", $customer_outcome_options, $customer_outcome, ['class' => 'form-control select2 rma-customer-outcome', 'style' => 'width:100%', 'placeholder' => __('messages.please_select')]) !!}</td>
                                <td class="rma-customer-document-cell">
                                    {!! Form::hidden("items[$item->id][linked_customer_transaction_id]", $item->linked_customer_transaction_id, ['class' => 'rma-linked-customer-transaction-id']) !!}
                                    <div class="input-group">
                                        {!! Form::text("items[$item->id][customer_document_display]", $item->customer_outcome_reference, ['class' => 'form-control rma-customer-document-display', 'readonly' => true, 'placeholder' => __('rma.choose_customer_document')]) !!}
                                        <span class="input-group-btn">
                                            <button type="button"
                                                class="btn btn-primary rma-open-customer-document-modal"
                                                data-sale_id="{{ $rma->sale_id }}">
                                                <i class="fa fa-list"></i> @lang('rma.open_document_list')
                                            </button>
                                        </span>
                                    </div>
                                    <small class="help-block rma-document-help text-muted">@lang('rma.choose_outcome_first')</small>
                                </td>
                                <td class="rma-customer-reference-cell">{!! Form::text("items[$item->id][customer_outcome_reference]", $item->customer_outcome_reference, ['class' => 'form-control rma-customer-reference', 'readonly' => true, 'placeholder' => __('rma.customer_reference')]) !!}</td>
                                <td class="rma-repair-note-cell">{!! Form::textarea("items[$item->id][repair_note]", $item->repair_note, ['class' => 'form-control', 'rows' => 2]) !!}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endcomponent
    @elseif($step === 3)
        @component('components.widget', ['class' => 'box-primary', 'title' => __('rma.steps.supplier_rma')])
            <div class="alert alert-info"><i class="fa fa-info-circle"></i> @lang('rma.supplier_outcome_guidance')</div>
            <div class="table-responsive">
                <table class="table table-bordered table-striped table-hover table-condensed">
                    <thead>
                        <tr>
                            <th>@lang('product.product_name')</th>
                            <th>@lang('rma.supplier')</th>
                            <th>@lang('rma.supplier_outcome')</th>
                            <th>@lang('rma.supplier_reference')</th>
                            <th>@lang('rma.linked_supplier_transaction_id')</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($rma->items as $item)
                            @php
                                $variation_parts = [];
                                if (optional($item->product)->type == 'variable' && !empty($item->variation) && !empty($item->variation->product_variation)) {
                                    $variation_parts[] = $item->variation->product_variation->name;
                                    if ($item->variation->name !== $item->variation->product_variation->name) {
                                        $variation_parts[] = $item->variation->name;
                                    }
                                }
                            @endphp
                            <tr>
                                <td>
                                    {{ optional($item->product)->name }}
                                    @if(!empty($variation_parts))
                                        <br><small>{{ implode(' - ', $variation_parts) }}</small>
                                    @endif
                                </td>
                                <td>{!! Form::select("items[$item->id][supplier_id]", $suppliers, $item->supplier_id, ['class' => 'form-control select2', 'style' => 'width:100%', 'placeholder' => __('messages.please_select')]) !!}</td>
                                <td>{!! Form::select("items[$item->id][supplier_outcome]", \App\RmaItem::supplierOutcomes(), $item->supplier_outcome, ['class' => 'form-control select2', 'style' => 'width:100%', 'placeholder' => __('messages.please_select')]) !!}</td>
                                <td>{!! Form::text("items[$item->id][supplier_outcome_reference]", $item->supplier_outcome_reference, ['class' => 'form-control', 'placeholder' => __('rma.supplier_reference')]) !!}</td>
                                <td>{!! Form::text("items[$item->id][linked_supplier_transaction_id]", $item->linked_supplier_transaction_id, ['class' => 'form-control', 'placeholder' => __('rma.linked_supplier_transaction_id')]) !!}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endcomponent
    @else
        @component('components.widget', ['class' => 'box-primary', 'title' => __('rma.steps.closure')])
            <div class="alert alert-info"><i class="fa fa-info-circle"></i> @lang('rma.closure_guidance')</div>
            <div class="form-group">
                {!! Form::label('final_note', __('rma.final_note') . ':') !!}
                {!! Form::textarea('final_note', $rma->final_note, ['class' => 'form-control', 'rows' => 5]) !!}
            </div>
            @include('rma.partials.item_summary_table')
        @endcomponent
    @endif

    </fieldset>
    @if($can_edit_step)
        @component('components.widget', ['class' => 'box-primary', 'title' => __('rma.internal_note')])
            <p class="text-muted">Add an optional note so the next person understands what was checked or changed.</p>
            <div class="form-group">
                {!! Form::textarea('internal_note', old('internal_note'), ['class' => 'form-control', 'rows' => 3, 'placeholder' => 'Optional note for your team']) !!}
            </div>
            <div class="tw-flex tw-justify-end">
                <button type="submit" class="tw-dw-btn {{ $step === 4 ? 'tw-dw-btn-success' : 'tw-dw-btn-primary' }} tw-text-white">
                    <i class="fa {{ $step === 4 ? 'fa-check-circle' : 'fa-arrow-right' }}"></i>
                    {{ $step === 4 ? __('rma.complete_rma') : __('rma.save_and_continue') }}
                </button>
            </div>
        @endcomponent
    @endif
    {!! Form::close() !!}

    @if($step === 2)
        <div class="modal fade" id="rma_customer_document_modal" tabindex="-1" role="dialog" aria-labelledby="rmaCustomerDocumentModalLabel">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="@lang('messages.close')">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title" id="rmaCustomerDocumentModalLabel">@lang('rma.select_customer_document')</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label>@lang('rma.document_reference')</label>
                                    <input type="text" class="form-control" id="rma_customer_document_search"
                                        placeholder="@lang('rma.search_sales')">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label>&nbsp;</label>
                                <button type="button" class="tw-dw-btn tw-dw-btn-primary tw-text-white form-control" id="rma_customer_document_search_btn">
                                    <i class="fa fa-search"></i> @lang('rma.search_invoices')
                                </button>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-condensed table-striped table-hover" id="rma_customer_document_table">
                                <thead>
                                    <tr>
                                        <th>@lang('messages.date')</th>
                                        <th>@lang('rma.document_reference')</th>
                                        <th>@lang('purchase.business_location')</th>
                                        <th class="text-right">@lang('rma.document_total')</th>
                                        <th>@lang('messages.action')</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">@lang('messages.close')</button>
                    </div>
                </div>
            </div>
        </div>
    @endif

    @component('components.widget', ['class' => 'box-default', 'title' => __('rma.items')])
        <p class="text-muted">@lang('rma.items_guidance')</p>
        @include('rma.partials.item_summary_table')
    @endcomponent

    @component('components.widget', ['class' => 'box-default', 'title' => __('rma.inventory_movements')])
        @include('rma.partials.inventory_movements')
    @endcomponent

    @can('rma.audit.view')
        @component('components.widget', ['class' => 'box-default', 'title' => __('rma.activity_timeline')])
            @include('rma.partials.audit_trail')
        @endcomponent
    @endcan

</section>
@endsection

@section('javascript')
<script>
    $(document).ready(function() {
        var activeCustomerDocumentRow = null;

        function updateCustomerDocumentState($row) {
            var outcome = $row.find('.rma-customer-outcome').val();
            var needsDocument = ['refund', 'exchange'].indexOf(outcome) !== -1;
            var isRepair = outcome === 'repair';
            var hasAnyRepairRows = false;
            var hasAnyDocumentRows = false;

            if (!needsDocument) {
                $row.find('.rma-customer-document-cell, .rma-customer-reference-cell').hide();
                $row.find('.rma-open-customer-document-modal').prop('disabled', true);
                $row.find('.rma-linked-customer-transaction-id').val('');
                $row.find('.rma-customer-document-display').val('');
                $row.find('.rma-customer-reference').val('');
                $row.find('.rma-document-help').text(isRepair ? '' : "@lang('rma.choose_outcome_first')");
            } else {
                $row.find('.rma-customer-document-cell, .rma-customer-reference-cell').show();
                $row.find('.rma-open-customer-document-modal').prop('disabled', false);
                $row.find('.rma-document-help').text('');
            }

            $row.find('.rma-repair-note-cell').toggle(isRepair);
            $row.find('.rma-repair-note-cell textarea').prop('required', isRepair);

            $('.rma-customer-outcome').each(function() {
                var rowOutcome = $(this).val();
                if (rowOutcome === 'repair') {
                    hasAnyRepairRows = true;
                }
                if (['refund', 'exchange'].indexOf(rowOutcome) !== -1) {
                    hasAnyDocumentRows = true;
                }
            });

            $('.rma-document-column').toggle(hasAnyDocumentRows);
            $('.rma-repair-column').toggle(hasAnyRepairRows);
        }

        function renderCustomerDocumentRows(rows) {
            var $tbody = $('#rma_customer_document_table tbody');
            $tbody.empty();

            if (!rows || !rows.length) {
                $tbody.append('<tr><td colspan="5" class="text-center text-muted">' + "@lang('rma.no_customer_documents_found')" + '</td></tr>');
                return;
            }

            rows.forEach(function(row) {
                var $tr = $('<tr>');
                var $selectButton = $('<button type="button" class="btn btn-xs btn-primary rma-select-customer-document">')
                    .text("@lang('rma.select_invoice_button')")
                    .data('id', row.id)
                    .data('reference', row.reference || '')
                    .data('text', row.text || '');

                $('<td>').text(row.transaction_date || '').appendTo($tr);
                $('<td>').append($('<strong>').text(row.reference || '')).append('<br>').append($('<small>').text(row.text || '')).appendTo($tr);
                $('<td>').text(row.location_name || '').appendTo($tr);
                $('<td class="text-right">').text(__currency_trans_from_en((parseFloat(row.final_total) || 0), true)).appendTo($tr);
                $('<td>').append($selectButton).appendTo($tr);
                $tbody.append($tr);
            });
        }

        function searchCustomerDocuments() {
            if (!activeCustomerDocumentRow) {
                return;
            }

            $.ajax({
                method: 'GET',
                url: "{{ action([\App\Http\Controllers\RmaController::class, 'searchCustomerOutcomes']) }}",
                dataType: 'json',
                data: {
                    term: $('#rma_customer_document_search').val() || '',
                    outcome: activeCustomerDocumentRow.find('.rma-customer-outcome').val(),
                    sale_id: activeCustomerDocumentRow.find('.rma-open-customer-document-modal').data('sale_id')
                },
                success: function(response) {
                    renderCustomerDocumentRows(response.results || []);
                },
                error: function() {
                    renderCustomerDocumentRows([]);
                }
            });
        }

        $('.rma-customer-outcome').each(function() {
            updateCustomerDocumentState($(this).closest('tr'));
        });

        $(document).on('change', '.rma-customer-outcome', function() {
            var $row = $(this).closest('tr');
            updateCustomerDocumentState($row);
        });

        $(document).on('click', '.rma-open-customer-document-modal', function() {
            activeCustomerDocumentRow = $(this).closest('tr');
            $('#rma_customer_document_search').val('');
            renderCustomerDocumentRows([]);
            $('#rma_customer_document_modal').modal('show');
            searchCustomerDocuments();
        });

        $(document).on('click', '#rma_customer_document_search_btn', function() {
            searchCustomerDocuments();
        });

        $(document).on('keydown', '#rma_customer_document_search', function(e) {
            if (e.which === 13) {
                e.preventDefault();
                searchCustomerDocuments();
                return false;
            }
        });

        $(document).on('click', '.rma-select-customer-document', function() {
            if (!activeCustomerDocumentRow) {
                return;
            }

            var id = $(this).data('id');
            var reference = $(this).data('reference') || $(this).data('text') || id;

            activeCustomerDocumentRow.find('.rma-linked-customer-transaction-id').val(id);
            activeCustomerDocumentRow.find('.rma-customer-document-display').val(reference);
            activeCustomerDocumentRow.find('.rma-customer-reference').val(reference);
            $('#rma_customer_document_modal').modal('hide');
        });

    });
</script>
@endsection