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

@section('content')
@php
    $next_step = $rma->nextActionStep();
    $furthest_step = (int) ($rma->furthest_step ?: $rma->current_step);
@endphp
<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.view_rma')
                <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">
                One place for case progress, item decisions, inventory movements, and team activity.
            </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">
                <i class="fa fa-list"></i> @lang('rma.rma_cases')
            </a>
            @can('rma.update')
                @if($rma->status !== 'completed' || !empty($rma->review_required_from_step))
                    <a href="{{ action([\App\Http\Controllers\RmaController::class, 'edit'], [$rma->id]) }}" class="tw-dw-btn tw-dw-btn-primary tw-text-white">
                        <i class="fa fa-arrow-right"></i>
                        {{ !empty($rma->review_required_from_step) ? __('rma.review_step') : __('rma.continue_case') }}
                    </a>
                @endif
            @endcan
            @if(auth()->user()->can('rma.reopen') && auth()->user()->can('rma.update'))
                @if($rma->status !== 'cancelled' && $furthest_step >= 1)
                    <button type="button" class="tw-dw-btn tw-dw-btn-outline tw-dw-btn-warning" data-toggle="modal" data-target="#rma_reopen_modal">
                        <i class="fa fa-undo"></i> @lang('rma.reopen_step')
                    </button>
                @endif
            @endif
            @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', ['step' => $next_step])
    @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 tw-text-base">{{ 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 tw-text-base">{{ 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' : ($rma->status === 'cancelled' ? 'bg-red' : '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.items')</small>
                <div class="tw-font-semibold tw-text-base">{{ $rma->items->count() }} item(s) · {{ @format_quantity($rma->items->sum('quantity')) }} total qty</div>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-3"><small class="text-muted">@lang('purchase.business_location')</small><div class="tw-font-semibold">{{ optional($rma->location)->name ?: '—' }}</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 class="col-md-3"><small class="text-muted">@lang('report.user')</small><div>{{ optional($rma->created_by_user)->user_full_name ?? optional($rma->created_by_user)->first_name ?? '—' }}</div></div>
            <div class="col-md-3"><small class="text-muted">@lang('messages.date')</small><div>{{ @format_datetime($rma->created_at) }}</div></div>
        </div>

        @if(!empty($rma->last_reopen_reason))
            <div class="alert alert-warning tw-mt-4 tw-mb-0">
                <strong><i class="fa fa-undo"></i> @lang('rma.last_reopen_reason'):</strong>
                {{ $rma->last_reopen_reason }}
                <div class="tw-text-sm tw-mt-1">
                    {{ !empty($rma->reopened_at) ? @format_datetime($rma->reopened_at) : '' }}
                    @if(!empty($rma->reopened_by_user))
                        · {{ optional($rma->reopened_by_user)->user_full_name ?? optional($rma->reopened_by_user)->first_name }}
                    @endif
                </div>
            </div>
        @endif

        @if(!empty($rma->final_note))
            <hr>
            <p class="tw-mb-0"><strong>@lang('rma.final_note'):</strong> {{ $rma->final_note }}</p>
        @endif
    @endcomponent

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

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

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

@if(auth()->user()->can('rma.reopen') && auth()->user()->can('rma.update'))
    <div class="modal fade" id="rma_reopen_modal" tabindex="-1" role="dialog" aria-labelledby="rmaReopenModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                {!! Form::open(['route' => ['rmas.reopen', $rma->id], 'method' => 'post']) !!}
                <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="rmaReopenModalLabel">@lang('rma.reopen_case_step')</h4>
                </div>
                <div class="modal-body">
                    <div class="alert alert-warning">
                        <i class="fa fa-exclamation-triangle"></i> @lang('rma.reopen_warning')
                    </div>
                    <div class="form-group">
                        {!! Form::label('target_step', __('rma.reopen_step').':*') !!}
                        {!! Form::select('target_step', collect(\App\Rma::stepLabels())->take($furthest_step)->all(), old('target_step'), ['class' => 'form-control select2', 'style' => 'width:100%', 'placeholder' => __('messages.please_select'), 'required']) !!}
                        <small class="help-block">@lang('rma.reopen_target_help')</small>
                    </div>
                    <div class="form-group">
                        {!! Form::label('reason', __('rma.reopen_reason').':*') !!}
                        {!! Form::textarea('reason', old('reason'), ['class' => 'form-control', 'rows' => 3, 'required', 'minlength' => 5, 'placeholder' => 'Example: Customer changed from refund to exchange']) !!}
                        <small class="help-block">@lang('rma.reopen_reason_help')</small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">@lang('messages.cancel')</button>
                    <button type="submit" class="tw-dw-btn tw-dw-btn-warning"><i class="fa fa-undo"></i> @lang('rma.reopen_step')</button>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endif
@endsection

@section('javascript')
<script>
$(document).ready(function() {
    $('#rma_reopen_modal .select2').select2({width: '100%', dropdownParent: $('#rma_reopen_modal')});
    @if($errors->has('target_step') || $errors->has('reason'))
        $('#rma_reopen_modal').modal('show');
    @endif
});
</script>
@endsection