@extends('layouts.app')
@section('title', __('shop_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('shop_rma.process_case')
                <span class="tw-text-gray-500 tw-font-normal">{{ $shop_rma->shop_rma_no }}</span>
            </h1>
            <p class="tw-mt-1 tw-text-sm tw-text-gray-600">The page shows only the next action needed for this case.</p>
        </div>
        <div class="tw-flex tw-gap-2">
            <a href="{{ route('shop-rmas.show', $shop_rma->id) }}" class="tw-dw-btn tw-dw-btn-outline tw-dw-btn-primary"><i class="fa fa-eye"></i> @lang('messages.view')</a>
            <a href="{{ route('shop-rmas.index') }}" class="tw-dw-btn tw-dw-btn-outline"><i class="fa fa-list"></i> @lang('shop_rma.cases')</a>
        </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

    @include('shop_rma.partials.progress')

    <div class="tw-rounded-lg tw-border tw-bg-white tw-p-4 tw-mb-4">
        <div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4">
            <div><small class="text-muted">@lang('shop_rma.supplier')</small><div class="tw-font-semibold">{{ optional($shop_rma->supplier)->supplier_business_name ?: optional($shop_rma->supplier)->name }}</div></div>
            <div><small class="text-muted">@lang('shop_rma.shop_location')</small><div class="tw-font-semibold">{{ optional($shop_rma->location)->name }}</div></div>
            <div><small class="text-muted">@lang('shop_rma.items')</small><div class="tw-font-semibold">{{ $shop_rma->items->count() }} item(s) · {{ @format_quantity($shop_rma->items->sum('quantity')) }} total qty</div></div>
        </div>
    </div>

    @if($shop_rma->status === 'open')
        @component('components.widget', ['class' => 'box-primary', 'title' => 'Next Step: Send to Supplier'])
            <div class="alert alert-warning"><i class="fa fa-truck"></i> @lang('shop_rma.sent_notice')</div>
            {!! Form::open(['route' => ['shop-rmas.send', $shop_rma->id], 'method' => 'post', 'class' => 'shop-rma-confirm-form', 'data-confirm' => __('shop_rma.confirm_send')]) !!}
                <div class="row">
                    <div class="col-md-3"><div class="form-group">{!! Form::label('sent_at', __('shop_rma.sent_at').':*') !!}{!! Form::input('datetime-local', 'sent_at', old('sent_at', now()->format('Y-m-d\TH:i')), ['class' => 'form-control', 'required']) !!}</div></div>
                    <div class="col-md-3"><div class="form-group">{!! Form::label('supplier_reference', __('shop_rma.supplier_reference').':') !!}{!! Form::text('supplier_reference', old('supplier_reference', $shop_rma->supplier_reference), ['class' => 'form-control', 'placeholder' => 'Supplier-issued RMA number']) !!}</div></div>
                    <div class="col-md-3"><div class="form-group">{!! Form::label('courier', __('shop_rma.courier').':') !!}{!! Form::text('courier', old('courier'), ['class' => 'form-control']) !!}</div></div>
                    <div class="col-md-3"><div class="form-group">{!! Form::label('tracking_no', __('shop_rma.tracking_no').':') !!}{!! Form::text('tracking_no', old('tracking_no'), ['class' => 'form-control']) !!}</div></div>
                </div>
                <div class="form-group">{!! Form::label('internal_note', __('shop_rma.internal_note').':') !!}{!! Form::textarea('internal_note', old('internal_note'), ['class' => 'form-control', 'rows' => 2, 'placeholder' => 'Optional handoff or packing note']) !!}</div>
                <div class="text-right"><button class="tw-dw-btn tw-dw-btn-primary tw-text-white" type="submit"><i class="fa fa-truck"></i> @lang('shop_rma.mark_sent')</button></div>
            {!! Form::close() !!}
        @endcomponent

        @can('shop_rma.cancel')
            @component('components.widget', ['class' => 'box-danger', 'title' => 'Cancel This Case'])
                <p class="text-muted">Cancellation is available only before items are sent. All quarantined stock will return to {{ optional($shop_rma->location)->name }}.</p>
                {!! Form::open(['route' => ['shop-rmas.cancel', $shop_rma->id], 'method' => 'post', 'class' => 'shop-rma-confirm-form', 'data-confirm' => __('shop_rma.confirm_cancel')]) !!}
                    <div class="form-group">{!! Form::label('final_note', 'Cancellation reason:*') !!}{!! Form::textarea('final_note', null, ['class' => 'form-control', 'rows' => 2, 'required']) !!}</div>
                    <button class="tw-dw-btn tw-dw-btn-error tw-text-white" type="submit"><i class="fa fa-ban"></i> @lang('shop_rma.cancel_case')</button>
                {!! Form::close() !!}
            @endcomponent
        @endcan
    @elseif($shop_rma->status === 'sent')
        @component('components.widget', ['class' => 'box-primary', 'title' => 'Next Step: Record Supplier Resolution'])
            <div class="alert alert-info"><i class="fa fa-info-circle"></i> @lang('shop_rma.resolution_notice')</div>
            {!! Form::open(['route' => ['shop-rmas.resolve', $shop_rma->id], 'method' => 'post', 'id' => 'shop_rma_resolution_form']) !!}
                @foreach($shop_rma->items as $item)
                    <div class="tw-rounded-lg tw-border tw-border-gray-200 tw-p-4 tw-mb-4 shop-rma-resolution-item">
                        <div class="tw-flex tw-items-start tw-justify-between tw-gap-3 tw-mb-3">
                            <div>
                                <div class="tw-font-bold">{{ optional($item->product)->name }}</div>
                                <div class="text-muted">{{ @format_quantity($item->quantity) }} {{ optional(optional($item->product)->unit)->short_name }}</div>
                            </div>
                            @if(!empty($item->serial_numbers))
                                <div class="text-right"><small class="text-muted">Original serials</small><br>@foreach($item->serial_numbers as $serial)<span class="label label-default">{{ $serial }}</span> @endforeach</div>
                            @endif
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label("items[$item->id][supplier_outcome]", __('shop_rma.supplier_outcome').':*') !!}
                                    {!! Form::select("items[$item->id][supplier_outcome]", $outcomes, old("items.$item->id.supplier_outcome"), ['class' => 'form-control select2 shop-rma-outcome', 'style' => 'width:100%', 'placeholder' => __('messages.please_select'), 'required', 'data-serial-required' => $item->serial_tracking_required ? '1' : '0']) !!}
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label("items[$item->id][resolution_reference]", __('shop_rma.resolution_reference').':') !!}
                                    {!! Form::text("items[$item->id][resolution_reference]", old("items.$item->id.resolution_reference"), ['class' => 'form-control', 'placeholder' => 'Credit memo, replacement, or repair reference']) !!}
                                </div>
                            </div>
                            @if($item->serial_tracking_required)
                                <div class="col-md-4 shop-rma-replacement-serial-wrap" style="display:none;">
                                    <div class="form-group">
                                        {!! Form::label("items[$item->id][resolution_serial_numbers]", __('shop_rma.resolution_serial_numbers').':*') !!}
                                        {!! Form::textarea("items[$item->id][resolution_serial_numbers]", old("items.$item->id.resolution_serial_numbers"), ['class' => 'form-control', 'rows' => 2, 'placeholder' => 'One serial per line']) !!}
                                        <small class="help-block">{{ (int) round($item->quantity) }} replacement serial(s) required.</small>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                @endforeach
                <div class="form-group">{!! Form::label('resolution_note', __('shop_rma.resolution_note').':') !!}{!! Form::textarea('resolution_note', old('resolution_note'), ['class' => 'form-control', 'rows' => 3, 'placeholder' => 'Summarize the supplier decision or anything your team should know']) !!}</div>
                <div class="form-group">{!! Form::label('internal_note', __('shop_rma.internal_note').':') !!}{!! Form::textarea('internal_note', old('internal_note'), ['class' => 'form-control', 'rows' => 2]) !!}</div>
                <div class="text-right"><button class="tw-dw-btn tw-dw-btn-primary tw-text-white" type="submit"><i class="fa fa-check"></i> @lang('shop_rma.record_resolution')</button></div>
            {!! Form::close() !!}
        @endcomponent
    @elseif($shop_rma->status === 'resolved')
        @component('components.widget', ['class' => 'box-primary', 'title' => 'Final Step: Complete Case'])
            <p class="text-muted">The supplier outcome and all inventory movements have been recorded. Add an optional closing note, then complete the case.</p>
            {!! Form::open(['route' => ['shop-rmas.complete', $shop_rma->id], 'method' => 'post', 'class' => 'shop-rma-confirm-form', 'data-confirm' => __('shop_rma.confirm_complete')]) !!}
                <div class="form-group">{!! Form::label('final_note', __('shop_rma.final_note').':') !!}{!! Form::textarea('final_note', old('final_note'), ['class' => 'form-control', 'rows' => 3, 'placeholder' => 'Optional closing note']) !!}</div>
                <div class="text-right"><button class="tw-dw-btn tw-dw-btn-success tw-text-white" type="submit"><i class="fa fa-check-circle"></i> @lang('shop_rma.complete_case')</button></div>
            {!! Form::close() !!}
        @endcomponent
    @else
        <div class="alert alert-info"><i class="fa fa-info-circle"></i> This case has no remaining actions.</div>
    @endif

    @component('components.widget', ['class' => 'box-default', 'title' => __('shop_rma.items')])
        @include('shop_rma.partials.items')
    @endcomponent
</section>
@endsection

@section('javascript')
<script>
$(document).ready(function() {
    $('.select2').select2({width: '100%'});

    function toggleReplacementSerials($select) {
        var $item = $select.closest('.shop-rma-resolution-item');
        var show = $select.val() === 'replacement_received' && String($select.data('serial-required')) === '1';
        $item.find('.shop-rma-replacement-serial-wrap').toggle(show)
            .find('textarea').prop('required', show);
    }
    $('.shop-rma-outcome').each(function() { toggleReplacementSerials($(this)); });
    $('.shop-rma-outcome').change(function() { toggleReplacementSerials($(this)); });

    $('.shop-rma-confirm-form').on('submit', function(e) {
        var form = this;
        if ($(form).data('confirmed')) return true;
        e.preventDefault();
        swal({
            title: $(form).data('confirm'),
            icon: 'warning',
            buttons: true
        }).then(function(confirmed) {
            if (confirmed) {
                $(form).data('confirmed', true);
                form.submit();
            }
        });
        return false;
    });
});
</script>
@endsection