@extends('layouts.app')

@section('contents')
    <div class="col-12">
        <div class="card">
            <div class="card-body border-bottom">
                <h4 class="card-title">แก้ไขโปรโมชั่น</h4>
            </div>
            {{ MyNotify::get() }}
            <div class="card-datatable table-responsive pt-0">
                <form class="form form-horizontal" autocomplete="off" method="post" enctype="multipart/form-data"
                    action="{{ route('setting.promotion.normal.update', $promotion->id) }}">
                    <div class="modal-body">
                        @csrf
                        @method('PUT')
                        <div class="row">
                            @foreach ($forms as $item)
                                @if ($item['type'] === 'select')
                                    <div class="col-12">
                                        <div class="mb-1 row">
                                            <div class="col-sm-3">
                                                <label class="col-form-label"
                                                    for="{{ $item['name'] }}">{{ $item['label'] }}</label>
                                            </div>
                                            <div class="col-sm-9">
                                                <div class="input-group input-group-merge">
                                                    <select class="form-select" name="{{ $item['name'] }}">
                                                        <option value="">กรุณาเลือก...</option>
                                                        @foreach ($item['options'] as $it)
                                                            <option value="{{ $it['value'] }}"
                                                                {{ (int) $item['value'] === (int) $it['value'] ? 'selected' : '' }}>
                                                                {{ $it['label'] }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <div class="col-12">
                                        <div class="mb-1 row">
                                            <div class="col-sm-3">
                                                <label class="col-form-label"
                                                    for="{{ $item['name'] }}">{{ $item['label'] }}</label>
                                            </div>
                                            <div class="col-sm-9">
                                                <div class="input-group input-group-merge">
                                                    <input class="form-control" type="{{ $item['type'] }}"
                                                        name="{{ $item['name'] }}" value="{{ $item['value'] }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                            <div class="col-12">
                                <div class="mb-1 row">
                                    <div class="col-sm-3"></div>
                                    <div class="col-sm-6">
                                        <button type="submit" class="btn btn-primary me-1"
                                            onclick="return confirm('แน่ใจหรือไม่?')">บันทึก</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection