@extends('admin.layout.app')

@section('heading', 'Edit Countup Settings')

@section('main_content')
    <div class="section-body">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('countup_submit') }}" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-12">
                                    <label class="form-label mb-4">
                                        <h5>Countup Section Settings:</h5>
                                    </label>

                                    <!-- Status Field -->
                                    <div class="mb-4">
                                        <label class="form-label">Status</label>
                                        <select name="countup_status" class="form-control">
                                            <option value="show"
                                                {{ $row_data->countup_status === 'show' ? 'selected' : '' }}>Show</option>
                                            <option value="hide"
                                                {{ $row_data->countup_status === 'hide' ? 'selected' : '' }}>Hide</option>
                                        </select>
                                    </div>

                                    <!--  range(1, 4) function in PHP generates an array of numbers starting from 1 and ending at 4. In this case, it will generate the array [1, 2, 3, 4]. -->

                                    @foreach (range(1, 4) as $item)
                                        <div class="mb-5 row">
                                            <div class="col-md-6">
                                                <label class="form-label">Item {{ $item }} Title</label>
                                                <input type="text" class="form-control w-100"
                                                    name="item{{ $item }}_title"
                                                    value="{{ old('item' . $item . '_title', $row_data->{'item' . $item . '_title'}) }}">
                                            </div>

                                            <div class="col-md-6">
                                                <label class="form-label">Item {{ $item }} Number</label>
                                                <input type="number" class="form-control w-100"
                                                    name="item{{ $item }}_number"
                                                    value="{{ old('item' . $item . '_number', $row_data->{'item' . $item . '_number'}) }}">
                                            </div>

                                            <div class="col-md-6">
                                                <label class="form-label">Item {{ $item }} Suffix</label>
                                                <input type="text" class="form-control w-100"
                                                    name="item{{ $item }}_suffix"
                                                    value="{{ old('item' . $item . '_suffix', $row_data->{'item' . $item . '_suffix'}) }}">
                                            </div>

                                            <div class="col-md-6">
                                                <label class="form-label">Item {{ $item }} Icon</label>
                                                <input type="text" class="form-control w-100"
                                                    name="item{{ $item }}_icon"
                                                    value="{{ old('item' . $item . '_icon', $row_data->{'item' . $item . '_icon'}) }}">
                                            </div>
                                        </div>
                                    @endforeach




                                    <!-- Submit Button -->
                                    <div class="mb-4">
                                        <button type="submit" class="btn btn-primary ">Update</button>
                                    </div>

                                </div>
                            </div>
                        </form>
                    </div> <!-- card-body -->
                </div> <!-- card -->
            </div>
        </div>
    </div>
@endsection