@extends('admin.layout.master')
@section('title', 'Order Settings')
@section('content')
    <div class="page-wrapper">
        <div class="content container-fluid">
            <div class="row justify-content-center">
                <div class="col-lg-8 col-xl-7">
                    <div class="card">
                        <div class="card-header card-header-s">
                            <h4 class="card-title">Order Settings</h4>
                        </div>
                        <div class="card-body">
                            @if ($errors->any())
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <ul class="mb-0">
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            @endif

                            @php
                                $orderSettings = is_string($warehouse->order_settings ?? null)
                                    ? json_decode($warehouse->order_settings, true)
                                    : (array) ($warehouse->order_settings ?? []);
                                @endphp

                            <form method="POST" action="{{ route('inventory.order-settings.store_update') }}">
                                @csrf
                                <!-- Off Days -->
                                <div class="form-group">
                                    <label for="off_days" class="font-weight-bold">Off Days </label>
                                    <select name="off_days[]" id="off_days"
                                        class="form-control select2 @error('off_days') is-invalid @enderror"
                                        multiple="multiple">
                                        @foreach ($days as $day)
                                            <option value="{{ $day }}"
                                                {{ in_array($day, old('off_days', $orderSettings['off_days'] ?? [])) ? 'selected' : '' }}>
                                                {{ $day }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('off_days')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Order On Time -->
                                @php
                                    $orderOnTimeFlat = old(
                                        'order_on_time',
                                        $orderSettings['order_on_time'] ?? [],
                                    );
                                @endphp
                                <div class="form-group">
                                    <label class="font-weight-bold">Order On Time</label>
                                    <div id="order_on_time_rows">
                                        @forelse(array_chunk($orderOnTimeFlat, 2) as $pair)
                                            <div class="row mb-2 time-row align-items-center">
                                                <div class="col-md-5">
                                                    <input type="text" name="order_on_time[]"
                                                        class="form-control @error('order_on_time') is-invalid @enderror"
                                                        value="{{ $pair[0] ?? '' }}">
                                                </div>
                                                <div class="col-md-1 text-center">
                                                    <span class="font-weight-bold">→</span>
                                                </div>
                                                <div class="col-md-5">
                                                    <input type="text" name="order_on_time[]"
                                                        class="form-control @error('order_on_time') is-invalid @enderror"
                                                        value="{{ $pair[1] ?? '' }}">
                                                </div>
                                                <div class="col-md-1">
                                                    <button type="button"
                                                        class="btn btn-sm btn-outline-danger remove-time-row">
                                                        <i class="fa fa-times"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        @empty
                                            <div class="row mb-2 time-row align-items-center">
                                                <div class="col-md-5">
                                                    <input type="text" name="order_on_time[]"
                                                        class="form-control time_picker">
                                                </div>
                                                <div class="col-md-1 text-center">
                                                    <span class="font-weight-bold">→</span>
                                                </div>
                                                <div class="col-md-5">
                                                    <input type="text" name="order_on_time[]"
                                                        class="form-control time_picker">
                                                </div>
                                                <div class="col-md-1">
                                                    <button type="button"
                                                        class="btn btn-sm btn-outline-danger remove-time-row">
                                                        <i class="fa fa-times"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        @endforelse
                                    </div>
                                    <button type="button" class="btn btn-sm btn-outline-secondary add-time-row mt-1"
                                        data-target="order_on_time_rows" data-name="order_on_time">
                                        <i class="fa fa-plus"></i> Add Range
                                    </button>
                                    @error('order_on_time')
                                        <span class="text-danger d-block mt-1">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Order Off Time -->
                                @php
                                    $orderOffTimeFlat = old(
                                        'order_off_time',
                                        $orderSettings['order_off_time'] ?? [],
                                    );
                                @endphp
                                <div class="form-group">
                                    <label class="font-weight-bold">Order Off Time</label>
                                    <div id="order_off_time_rows">
                                        @forelse(array_chunk($orderOffTimeFlat, 2) as $pair)
                                            <div class="row mb-2 time-row align-items-center">
                                                <div class="col-md-5">
                                                    <input type="text" name="order_off_time[]"
                                                        class="form-control time_picker" value="{{ $pair[0] ?? '' }}">
                                                </div>
                                                <div class="col-md-1 text-center">
                                                    <span class="font-weight-bold">→</span>
                                                </div>
                                                <div class="col-md-5">
                                                    <input type="text" name="order_off_time[]"
                                                        class="form-control time_picker" value="{{ $pair[1] ?? '' }}">
                                                </div>
                                                <div class="col-md-1">
                                                    <button type="button"
                                                        class="btn btn-sm btn-outline-danger remove-time-row">
                                                        <i class="fa fa-times"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        @empty
                                            <div class="row mb-2 time-row align-items-center">
                                                <div class="col-md-5">
                                                    <input type="text" name="order_off_time[]"
                                                        class="form-control time_picker">
                                                </div>
                                                <div class="col-md-1 text-center">
                                                    <span class="font-weight-bold">→</span>
                                                </div>
                                                <div class="col-md-5">
                                                    <input type="text" name="order_off_time[]"
                                                        class="form-control time_picker">
                                                </div>
                                                <div class="col-md-1">
                                                    <button type="button"
                                                        class="btn btn-sm btn-outline-danger remove-time-row">
                                                        <i class="fa fa-times"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        @endforelse
                                    </div>
                                    <button type="button" class="btn btn-sm btn-outline-secondary add-time-row mt-1"
                                        data-target="order_off_time_rows" data-name="order_off_time">
                                        <i class="fa fa-plus"></i> Add Range
                                    </button>
                                </div>

                                <!-- Order Return On Time -->
                                @php
                                    $orderRetOnTimeFlat = old(
                                        'order_ret_on_time',
                                        $orderSettings['order_ret_on_time'] ?? [],
                                    );
                                @endphp
                                <div class="form-group">
                                    <label class="font-weight-bold">Return On Time</label>
                                    <div id="order_ret_on_time_rows">
                                        @forelse(array_chunk($orderRetOnTimeFlat, 2) as $pair)
                                            <div class="row mb-2 time-row align-items-center">
                                                <div class="col-md-5">
                                                    <input type="text" name="order_ret_on_time[]"
                                                        class="form-control time_picker" value="{{ $pair[0] ?? '' }}">
                                                </div>
                                                <div class="col-md-1 text-center">
                                                    <span class="font-weight-bold">→</span>
                                                </div>
                                                <div class="col-md-5">
                                                    <input type="text" name="order_ret_on_time[]"
                                                        class="form-control time_picker" value="{{ $pair[1] ?? '' }}">
                                                </div>
                                                <div class="col-md-1">
                                                    <button type="button"
                                                        class="btn btn-sm btn-outline-danger remove-time-row">
                                                        <i class="fa fa-times"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        @empty
                                            <div class="row mb-2 time-row align-items-center">
                                                <div class="col-md-5">
                                                    <input type="text" name="order_ret_on_time[]"
                                                        class="form-control time_picker">
                                                </div>
                                                <div class="col-md-1 text-center">
                                                    <span class="font-weight-bold">→</span>
                                                </div>
                                                <div class="col-md-5">
                                                    <input type="text" name="order_ret_on_time[]"
                                                        class="form-control time_picker">
                                                </div>
                                                <div class="col-md-1">
                                                    <button type="button"
                                                        class="btn btn-sm btn-outline-danger remove-time-row">
                                                        <i class="fa fa-times"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        @endforelse
                                    </div>
                                    <button type="button" class="btn btn-sm btn-outline-secondary add-time-row mt-1"
                                        data-target="order_ret_on_time_rows" data-name="order_ret_on_time">
                                        <i class="fa fa-plus"></i> Add Range
                                    </button>
                                </div>

                                <!-- Return Off Time -->
                                @php
                                    $returnOffTimeFlat = old(
                                        'return_off_time',
                                        $orderSettings['return_off_time'] ?? [],
                                    );
                                @endphp
                                <div class="form-group">
                                    <label class="font-weight-bold">Return Off Time</label>
                                    <div id="return_off_time_rows">
                                        @forelse(array_chunk($returnOffTimeFlat, 2) as $pair)
                                            <div class="row mb-2 time-row align-items-center">
                                                <div class="col-md-5">
                                                    <input type="text" name="return_off_time[]"
                                                        class="form-control time_picker" value="{{ $pair[0] ?? '' }}">
                                                </div>
                                                <div class="col-md-1 text-center">
                                                    <span class="font-weight-bold">→</span>
                                                </div>
                                                <div class="col-md-5">
                                                    <input type="text" name="return_off_time[]"
                                                        class="form-control time_picker" value="{{ $pair[1] ?? '' }}">
                                                </div>
                                                <div class="col-md-1">
                                                    <button type="button"
                                                        class="btn btn-sm btn-outline-danger remove-time-row">
                                                        <i class="fa fa-times"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        @empty
                                            <div class="row mb-2 time-row align-items-center">
                                                <div class="col-md-5">
                                                    <input type="text" name="return_off_time[]"
                                                        class="form-control time_picker">
                                                </div>
                                                <div class="col-md-1 text-center">
                                                    <span class="font-weight-bold">→</span>
                                                </div>
                                                <div class="col-md-5">
                                                    <input type="text" name="return_off_time[]"
                                                        class="form-control time_picker">
                                                </div>
                                                <div class="col-md-1">
                                                    <button type="button"
                                                        class="btn btn-sm btn-outline-danger remove-time-row">
                                                        <i class="fa fa-times"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        @endforelse
                                    </div>
                                    <button type="button" class="btn btn-sm btn-outline-secondary add-time-row mt-1"
                                        data-target="return_off_time_rows" data-name="return_off_time">
                                        <i class="fa fa-plus"></i> Add Range
                                    </button>
                                </div>

                                <!-- Sub Minutes -->
                                <div class="form-group">
                                    <label for="off_days" class="font-weight-bold">Sub Minutes</label>
                                    <input type="number" name="sub_minutes" id="sub_minutes" class="form-control" value="{{ isset($orderSettings['sub_minutes'])?$orderSettings['sub_minutes']:'' }}">
                                    @error('off_days')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Complain Off Time -->
                                @php
                                    $complainOffTimeFlat = old(
                                        'complain_off_time',
                                        $orderSettings['complain_off_time'] ?? [],
                                    );
                                @endphp
                                <div class="form-group">
                                    <label class="font-weight-bold">Complain Off Time</label>
                                    <div id="complain_off_time_rows">
                                        @forelse(array_chunk($complainOffTimeFlat, 2) as $pair)
                                            <div class="row mb-2 time-row align-items-center">
                                                <div class="col-md-5">
                                                    <input type="text" name="complain_off_time[]"
                                                        class="form-control time_picker" value="{{ $pair[0] ?? '' }}">
                                                </div>
                                                <div class="col-md-1 text-center">
                                                    <span class="font-weight-bold">→</span>
                                                </div>
                                                <div class="col-md-5">
                                                    <input type="text" name="complain_off_time[]"
                                                        class="form-control time_picker" value="{{ $pair[1] ?? '' }}">
                                                </div>
                                                <div class="col-md-1">
                                                    <button type="button"
                                                        class="btn btn-sm btn-outline-danger remove-time-row">
                                                        <i class="fa fa-times"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        @empty
                                            <div class="row mb-2 time-row align-items-center">
                                                <div class="col-md-5">
                                                    <input type="text" name="complain_off_time[]"
                                                        class="form-control time_picker">
                                                </div>
                                                <div class="col-md-1 text-center">
                                                    <span class="font-weight-bold">→</span>
                                                </div>
                                                <div class="col-md-5">
                                                    <input type="text" name="complain_off_time[]"
                                                        class="form-control time_picker">
                                                </div>
                                                <div class="col-md-1">
                                                    <button type="button"
                                                        class="btn btn-sm btn-outline-danger remove-time-row">
                                                        <i class="fa fa-times"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        @endforelse
                                    </div>
                                    <button type="button" class="btn btn-sm btn-outline-secondary add-time-row mt-1"
                                        data-target="complain_off_time_rows" data-name="complain_off_time">
                                        <i class="fa fa-plus"></i> Add Range
                                    </button>
                                </div>

                                <!-- Skip Product IDs -->
                                @php
                                    $savedSkipProducts = is_array($orderSettings['skip_product_ids'] ?? null)
                                        ? $orderSettings['skip_product_ids']
                                        : array_filter(explode(',', $orderSettings['skip_product_ids'] ?? ''));
                                @endphp
                                <div class="form-group">
                                    <label for="skip_product_ids" class="font-weight-bold">Skip Product IDs</label>
                                    <select name="skip_product_ids[]" id="skip_product_ids"
                                        class="form-control select2 @error('skip_product_ids') is-invalid @enderror"
                                        multiple>
                                        @foreach ($products as $product)
                                            <option value="{{ $product->id }}"
                                                {{ in_array($product->id, old('skip_product_ids', $savedSkipProducts)) ? 'selected' : '' }}>
                                                {{ $product->name_eng }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('skip_product_ids')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Always Check Limit Party IDs -->
                                <div class="form-group">
                                    <label for="always_check_limit_party_ids" class="font-weight-bold">
                                        Always Check Limit Party IDs
                                    </label>
                                    <select name="always_check_limit_party_ids[]" id="always_check_limit_party_ids"
                                        class="form-control select2 @error('always_check_limit_party_ids') is-invalid @enderror"
                                        multiple="multiple">
                                        @foreach ($parties as $party)
                                            <option value="{{ $party->id }}"
                                                {{ in_array($party->id, old('always_check_limit_party_ids', $orderSettings['always_check_limit_party_ids'] ?? [])) ? 'selected' : '' }}>
                                                {{ $party->name_eng }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('always_check_limit_party_ids')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                                
                                @if (active_user() == 1)
                                    <div class="form-group">
                                        <label for="order_factory" class="font-weight-bold"> Order Factory </label>
                                        <select name="order_factory" id="order_factory" class="form-control select2 @error('order_factory') is-invalid @enderror">
                                            <option value="basic_order"
                                                {{ 'basic_order' == ($orderSettings['order_factory'] ?? '') ? 'selected' : '' }}>
                                                Basic Order
                                            </option>
                                            <option value="limited_order"
                                                {{ 'limited_order' == ($orderSettings['order_factory'] ?? '') ? 'selected' : '' }}>
                                                Limited Order
                                            </option>
                                            <option value="merge_order"
                                                {{ 'merge_order' == ($orderSettings['order_factory'] ?? '') ? 'selected' : '' }}>
                                                Merge Order
                                            </option>
                                            <option value="limit_merge_order"
                                                {{ 'limit_merge_order' == ($orderSettings['order_factory'] ?? '') ? 'selected' : '' }}>
                                                Limit and Merge Order
                                            </option>
                                        </select>
                                        @error('order_factory')
                                            <span class="invalid-feedback">{{ $message }}</span>
                                        @enderror
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="order_details_factory" class="font-weight-bold"> Order Factory </label>
                                        <select name="order_details_factory" id="order_details_factory" class="form-control select2 @error('order_details_factory') is-invalid @enderror">
                                            <option value="cart_to_order"
                                                {{ 'cart_to_order' == ($orderSettings['order_details_factory'] ?? '') ? 'selected' : '' }}>
                                                Cart To Order
                                            </option>
                                            {{-- <option value="limited_order"
                                                {{ 'cart_to_order' == ($orderSettings['order_details_factory'] ?? '') ? 'selected' : '' }}>
                                                Limited Order
                                            </option>
                                            <option value="merge_order"
                                                {{ 'cart_to_order' == ($orderSettings['order_details_factory'] ?? '') ? 'selected' : '' }}>
                                                Merge Order
                                            </option>
                                            <option value="limit_merge_order"
                                                {{ 'cart_to_order' == ($orderSettings['order_details_factory'] ?? '') ? 'selected' : '' }}>
                                                Limit and Merge Order
                                            </option> --}}
                                        </select>
                                        @error('order_details_factory')
                                            <span class="invalid-feedback">{{ $message }}</span>
                                        @enderror
                                    </div>
                                @endif

                                <!-- Always Not Check Limit Party IDs -->
                                {{-- <div class="form-group">
                                    <label for="always_not_check_limit_party_ids" class="font-weight-bold">
                                        Always Not Check Limit Party IDs
                                    </label>
                                    <select name="always_not_check_limit_party_ids[]"
                                        id="always_not_check_limit_party_ids"
                                        class="form-control select2 @error('always_not_check_limit_party_ids') is-invalid @enderror"
                                        multiple="multiple">
                                        @foreach ($parties as $party)
                                            <option value="{{ $party->id }}"
                                                {{ in_array($party->id, old('always_not_check_limit_party_ids', $orderSettings['always_not_check_limit_party_ids'] ?? [])) ? 'selected' : '' }}>
                                                {{ $party->name_eng }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('always_not_check_limit_party_ids')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div> --}}

                                <!-- Form Actions -->
                                <div class="form-group mt-4">
                                    <button type="submit" class="btn btn-primary btn-sm">
                                        <i class="fa fa-save"></i> {{ isset($warehouse) ? 'Update' : 'Save' }}
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection

    @section('script')
        <script>
            $(document).ready(function() {
                // Select2 init
                $('.select2').select2({
                    placeholder: 'Select options',
                    width: '100%',
                    allowClear: true
                });

                // নতুন time row template তৈরি করে
                function newTimeRow(fieldName) {
                    return `
                    <div class="row mb-2 time-row align-items-center">
                        <div class="col-md-5">
                            <input type="text" name="${fieldName}[]" class="form-control time_picker">
                        </div>
                        <div class="col-md-1 text-center">
                            <span class="font-weight-bold">→</span>
                        </div>
                        <div class="col-md-5">
                            <input type="text" name="${fieldName}[]" class="form-control time_picker">
                        </div>
                        <div class="col-md-1">
                            <button type="button" class="btn btn-sm btn-outline-danger remove-time-row">
                                <i class="fa fa-times"></i>
                            </button>
                        </div>
                    </div>`;
                }

                // Add Range বাটন click
                $(document).on('click', '.add-time-row', function() {
                    const targetId = $(this).data('target');
                    const fieldName = $(this).data('name');
                    const $newRow = $(newTimeRow(fieldName));
                    $('#' + targetId).append($newRow);
                    // নতুন row যোগ করার পর time picker init করা
                    $newRow.find('.time_picker').each(function() {
                        flatpickr(this, {
                            enableTime: true,
                            noCalendar: true,
                            dateFormat: "H:i",
                            disableMobile: true
                        });
                    });
                });

                // Remove বাটন click — minimum ১টা row সবসময় থাকবে
                $(document).on('click', '.remove-time-row', function() {
                    const $container = $(this).closest('[id$="_rows"]');
                    if ($container.find('.time-row').length > 1) {
                        $(this).closest('.time-row').remove();
                    } else {
                        // শেষ row হলে শুধু value clear করে দাও
                        $(this).closest('.time-row').find('input[type="text"]').val('');
                    }
                });

            });
        </script>
    @endsection