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

@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.create_rma')</h1>
            <p class="tw-mt-1 tw-text-sm tw-text-gray-600">
                @lang('rma.create_intro')
            </p>
        </div>
        <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>
    </div>
</section>

<section class="content">
    @if($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    @if(empty($sale))
        <div class="alert alert-info">
            <i class="fa fa-info-circle"></i> @lang('rma.select_invoice_guidance')
        </div>
        @component('components.widget', ['class' => 'box-primary', 'title' => '1. '.__('rma.select_invoice')])
            <div class="alert alert-info" style="margin-bottom: 12px;">
                <strong>Start with the original sale.</strong> This keeps the return tied to the correct customer, quantities, and warranty.
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label>@lang('sale.invoice_no')</label>
                        <input type="text" class="form-control" id="rma_receipt_search"
                            placeholder="@lang('rma.search_sales')">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>@lang('report.date_range')</label>
                        <input type="text" class="form-control" id="rma_receipt_date_range" readonly placeholder="@lang('lang_v1.select_a_date_range')">
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label>&nbsp;</label>
                        <button type="button" class="tw-dw-btn tw-dw-btn-primary tw-text-white form-control" id="rma_receipt_search_btn">
                            <i class="fa fa-search"></i> @lang('rma.search_invoices')
                        </button>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label>&nbsp;</label>
                        <button type="button" class="tw-dw-btn tw-dw-btn-outline tw-dw-btn-primary form-control" id="rma_receipt_reset_btn">
                            <i class="fa fa-refresh"></i> @lang('rma.reset_filters')
                        </button>
                    </div>
                </div>
            </div>
            <div class="table-responsive" style="margin-top: 12px;">
                <table class="table table-bordered table-striped table-hover table-condensed ajax_view" id="rma_receipts_table" style="width: 100%;">
                    <thead>
                        <tr>
                            <th>@lang('messages.date')</th>
                            <th>@lang('sale.invoice_no')</th>
                            <th>@lang('contact.customer')</th>
                            <th>@lang('purchase.business_location')</th>
                            <th>@lang('sale.total')</th>
                            <th>@lang('messages.action')</th>
                        </tr>
                    </thead>
                </table>
            </div>
        @endcomponent
    @endif

    @if(!empty($sale))
        {!! Form::open(['url' => action([\App\Http\Controllers\RmaController::class, 'store']), 'method' => 'post', 'files' => true, 'id' => 'rma_create_form']) !!}
        @component('components.widget', ['class' => 'box-primary', 'title' => '1. '.__('rma.case_details')])
            <p class="text-muted">@lang('rma.case_setup_guidance')</p>
            {!! Form::hidden('sale_id', $sale->id) !!}
            <div class="row" style="margin-bottom: 10px;">
                <div class="col-md-12">
                    <div class="tw-rounded tw-border tw-border-gray-200 tw-bg-gray-50 tw-p-3">
                        <div class="row">
                            <div class="col-md-3">
                                <strong>@lang('rma.sale_invoice'):</strong><br>{{ $sale->invoice_no }}
                            </div>
                            <div class="col-md-3">
                                <strong>@lang('rma.customer'):</strong><br>{{ optional($sale->contact)->supplier_business_name ?: optional($sale->contact)->name }}
                            </div>
                            <div class="col-md-3">
                                <strong>@lang('purchase.business_location'):</strong><br>{{ optional($sale->location)->name }}
                            </div>
                            <div class="col-md-3">
                                <div class="form-group" style="margin-bottom: 0;">
                                    {!! Form::label('after_sales_location_id', __('rma.after_sales_location') . ':') !!}
                                    {!! Form::select('after_sales_location_id', $business_locations, $default_after_sales_location_id ?? $sale->location_id, ['class' => 'form-control select2', 'style' => 'width:100%']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <a href="{{ action([\App\Http\Controllers\RmaController::class, 'create']) }}"
                        class="tw-dw-btn tw-dw-btn-sm tw-dw-btn-outline tw-dw-btn-primary">
                        <i class="fa fa-refresh"></i> @lang('rma.change_invoice')
                    </a>
                </div>
            </div>
        @endcomponent

        @component('components.widget', ['class' => 'box-primary', 'title' => '2. '.__('rma.selected_items')])
            <div class="row">
                <div class="col-md-12">
                    <p class="text-muted">@lang('rma.select_items_guidance')</p>
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped table-hover table-condensed">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>@lang('product.product_name')</th>
                                    <th>@lang('rma.available_qty')</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.warranty')</th>
                                    <th>@lang('rma.picture')</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($sale->sell_lines as $sell_line)
                                    @php
                                        $unit_name = optional($sell_line->sub_unit)->short_name ?: optional(optional($sell_line->product)->unit)->short_name;
                                        $variation_parts = [];
                                        if (optional($sell_line->product)->type == 'variable' && !empty($sell_line->variations) && !empty($sell_line->variations->product_variation)) {
                                            $variation_parts[] = $sell_line->variations->product_variation->name;
                                            if ($sell_line->variations->name !== $sell_line->variations->product_variation->name) {
                                                $variation_parts[] = $sell_line->variations->name;
                                            }
                                        }
                                    @endphp
                                    <tr>
                                        <td>
                                            @if($sell_line->available_rma_quantity > 0)
                                                {!! Form::checkbox("items[$sell_line->id][selected]", 1, old("items.$sell_line->id.selected"), ['class' => 'rma-item-selected']) !!}
                                            @endif
                                        </td>
                                        <td>
                                            {{ optional($sell_line->product)->name }}
                                            @if(!empty($variation_parts))
                                                <br><small>{{ implode(' - ', $variation_parts) }}</small>
                                            @endif
                                        </td>
                                        <td>{{ @format_quantity($sell_line->available_rma_quantity) }} {{ $unit_name }}</td>
                                        <td>
                                            {!! Form::number("items[$sell_line->id][quantity]", old("items.$sell_line->id.quantity"), ['class' => 'form-control rma-quantity', 'step' => '0.01', 'min' => '0', 'max' => $sell_line->available_rma_quantity, 'data-max' => $sell_line->available_rma_quantity, 'data-error-message' => __('rma.quantity_exceeds_available', ['qty' => @format_quantity($sell_line->available_rma_quantity)])]) !!}
                                            <span class="help-block text-danger rma-quantity-error" style="display:none;"></span>
                                            @error("items.$sell_line->id.quantity")
                                                <span class="help-block text-danger">{{ $message }}</span>
                                            @enderror
                                        </td>
                                        <td>{!! Form::select("items[$sell_line->id][issue_type]", \App\RmaItem::issueTypes(), null, ['class' => 'form-control select2', 'style' => 'width:100%', 'placeholder' => __('messages.please_select')]) !!}</td>
                                        <td>{!! Form::select("items[$sell_line->id][reason]", \App\RmaItem::intakeReasons(), null, ['class' => 'form-control select2', 'style' => 'width:100%', 'placeholder' => __('messages.please_select')]) !!}</td>
                                        <td>{!! Form::textarea("items[$sell_line->id][issue_note]", null, ['class' => 'form-control', 'rows' => 2]) !!}</td>
                                        <td>{!! Form::textarea("items[$sell_line->id][condition_note]", null, ['class' => 'form-control', 'rows' => 2]) !!}</td>
                                        <td>
                                            {{ $sell_line->warranty_details['status'] }}
                                            @if(!empty($sell_line->warranty_details['expires_at']))
                                                <br><small>{{ @format_datetime($sell_line->warranty_details['expires_at']) }}</small>
                                            @endif
                                        </td>
                                        <td><input type="file" name="item_picture[{{ $sell_line->id }}]" class="form-control"></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endcomponent

        @component('components.widget', ['class' => 'box-primary', 'title' => '3. Review and Create'])
            <p class="text-muted">@lang('rma.review_create_guidance')</p>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        {!! Form::label('internal_note', __('rma.internal_note') . ':') !!}
                        {!! Form::textarea('internal_note', old('internal_note'), ['class' => 'form-control', 'rows' => 3, 'placeholder' => 'Optional note for your team']) !!}
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="tw-flex tw-justify-end tw-gap-2">
                        <a href="{{ action([\App\Http\Controllers\RmaController::class, 'index']) }}" class="tw-dw-btn tw-dw-btn-outline">@lang('messages.cancel')</a>
                        <button type="submit" class="tw-dw-btn tw-dw-btn-primary tw-text-white">
                            <i class="fa fa-arrow-right"></i> Create RMA and Continue
                        </button>
                    </div>
                </div>
            </div>
        @endcomponent
        {!! Form::close() !!}
    @endif
</section>
@endsection

@section('javascript')
<script>
    $(document).ready(function() {
        function validateRmaQuantityInput($input) {
            var max = parseFloat($input.data('max')) || 0;
            var qty = parseFloat($input.val()) || 0;
            var message = $input.data('error-message') || '';
            var hasError = qty > max;
            var $row = $input.closest('tr');

            $row.toggleClass('danger', hasError);
            $input.closest('td').find('.rma-quantity-error').text(hasError ? message : '').toggle(hasError);
            $input[0].setCustomValidity(hasError ? message : '');

            if (qty > 0) {
                $row.find('.rma-item-selected').prop('checked', true);
            }

            return !hasError;
        }

        $(document).on('input change', '.rma-quantity', function() {
            validateRmaQuantityInput($(this));
        });

        $(document).on('submit', 'form', function(e) {
            var isValid = true;
            var firstInvalid = null;

            $('.rma-quantity').each(function() {
                if (!validateRmaQuantityInput($(this))) {
                    isValid = false;
                    firstInvalid = firstInvalid || this;
                }
            });

            if (!isValid) {
                e.preventDefault();
                if (firstInvalid) {
                    firstInvalid.focus();
                    firstInvalid.reportValidity();
                }
                return false;
            }
        });

        if (!$('#rma_receipts_table').length) {
            return;
        }

        function getRmaReceiptFilters() {
            var data = {
                term: ($('#rma_receipt_search').val() || '').toString().trim()
            };

            if ($('#rma_receipt_date_range').val()) {
                var picker = $('#rma_receipt_date_range').data('daterangepicker');
                data.start_date = picker.startDate.format('YYYY-MM-DD');
                data.end_date = picker.endDate.format('YYYY-MM-DD');
            }

            return data;
        }

        var rmaReceiptsTable = $('#rma_receipts_table').DataTable({
            processing: true,
            serverSide: true,
            searching: false,
            order: [[0, 'desc']],
            orderFixed: [[0, 'desc']],
            ajax: {
                url: "{{ action([\App\Http\Controllers\RmaController::class, 'searchSales']) }}",
                data: function(d) {
                    $.extend(d, getRmaReceiptFilters());
                }
            },
            columns: [
                {data: 'transaction_date', name: 'transactions.transaction_date'},
                {data: 'invoice_no', name: 'transactions.invoice_no'},
                {data: 'contact_name', name: 'c.name', orderable: false},
                {data: 'location_name', name: 'bl.name'},
                {data: 'final_total', name: 'transactions.final_total', searchable: false, className: 'text-right'},
                {data: 'action', name: 'action', orderable: false, searchable: false}
            ],
            drawCallback: function() {
                __currency_convert_recursively($('#rma_receipts_table'));
            }
        });

        function searchRmaReceipts() {
            rmaReceiptsTable.ajax.reload();
        }

        $('#rma_receipt_date_range').daterangepicker(
            dateRangeSettings,
            function(start, end) {
                $('#rma_receipt_date_range').val(start.format(moment_date_format) + ' ~ ' + end.format(moment_date_format));
                searchRmaReceipts();
            }
        );

        $('#rma_receipt_date_range').on('cancel.daterangepicker', function() {
            $('#rma_receipt_date_range').val('');
            searchRmaReceipts();
        });

        $(document).on('click', '#rma_receipt_search_btn', function() {
            searchRmaReceipts();
        });

        $(document).on('click', '#rma_receipt_reset_btn', function() {
            $('#rma_receipt_search').val('');
            $('#rma_receipt_date_range').val('');
            searchRmaReceipts();
        });

        $(document).on('keydown', '#rma_receipt_search', function(e) {
            if (e.which === 13) {
                e.preventDefault();
                searchRmaReceipts();
                return false;
            }
        });
    });
</script>
@endsection