@extends('admin.layout.index')

@section('title')
    تنظیمات مرجوعی کالا
@endsection

@section('style')
    <style>
        .img-thumbnail {
            max-width: 200px;
            height: auto;
        }
        .border-none {
            border: none !important;
        }
    </style>
@endsection

@section('content')
    <div class="d-flex flex-column text-center flex-md-row justify-content-md-between mb-4">
        <h5 class="font-weight-bold mb-3 mb-md-0">تنظیمات مرجوعی کالا </h5>
        <a class="btn btn-sm btn-primary" data-toggle="modal" data-target="#createReturnSettingModal">
            <i class="fa fa-plus"></i>
            ایجاد تنظیمات مرجوعی
        </a>
    </div>

    <!-- جدول تنظیمات مرجوعی کالا -->
    <div class="table-responsive">
        <table class="table table-bordered table-striped text-center">
            <thead>
            <tr>
                <th>#</th>
                <th>وضعیت سفارش</th>
                <th>محدودیت زمانی (روز)</th>
                <th>عملیات</th>
            </tr>
            </thead>
            <tbody>
            @foreach ($returnSettings as $key => $setting)
                <tr>
                    <th>{{ 1 + $key }}</th>
                    <td>{{ $setting->orderStatus->title }}</td>
                    <td>{{ $setting->days_limit }}</td>
                    <td class="d-flex border-none">
                        <!-- فرم بروزرسانی تنظیمات مرجوعی -->
                        <form action="{{ route('admin.return-settings.update', $setting->id) }}" method="POST">
                            @csrf
                            @method('PUT')
                            <button class="btn btn-warning btn-sm" type="button" data-toggle="modal" data-target="#updateReturnSettingModal-{{ $setting->id }}">
                                <i class="fa fa-edit"></i>
                                ویرایش
                            </button>
                        </form>
                        <!-- حذف تنظیمات مرجوعی -->

                    </td>
                </tr>

                <!-- مدال بروزرسانی تنظیمات مرجوعی -->
                <div class="modal fade" id="updateReturnSettingModal-{{ $setting->id }}" tabindex="-1" role="dialog" aria-labelledby="updateReturnSettingModalLabel-{{ $setting->id }}" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="updateReturnSettingModalLabel-{{ $setting->id }}">ویرایش تنظیمات مرجوعی</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="بستن">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <form action="{{ route('admin.return-settings.update', $setting->id) }}" method="POST">
                                    @csrf
                                    @method('PUT')
                                    <div class="form-group">
                                        <label for="days_limit_{{ $setting->id }}">محدودیت زمانی (روز)</label>
                                        <input type="number" name="days_limit" id="days_limit_{{ $setting->id }}" value="{{ $setting->days_limit }}" class="form-control" min="1" required>
                                    </div>
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-warning">بروزرسانی</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
            </tbody>
        </table>
    </div>


    <!-- مدال ایجاد تنظیمات مرجوعی -->
    <div class="modal fade" id="createReturnSettingModal" tabindex="-1" role="dialog" aria-labelledby="createReturnSettingModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="createReturnSettingModalLabel">ایجاد تنظیمات مرجوعی</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="بستن">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="{{ route('admin.return-settings.store') }}" method="POST">
                        @csrf
                        <div class="form-group">
                            <label for="order_status_id">وضعیت سفارش</label>
                            <select name="order_status_id" id="order_status_id" class="form-control">
                                @foreach($orderStatuses as $status)
                                    <option value="{{ $status->id }}">{{ $status->title }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="days_limit">محدودیت زمانی برای مرجوعی (به روز)</label>
                            <input type="number" name="days_limit" id="days_limit" class="form-control" min="1" required>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">ذخیره تنظیمات</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection