@extends('layouts.default')
@php
    /** @var \App\Models\ResourceDistribution[] $resource_distributions */
@endphp

{{-- Page Title --}}
@section('title')
    System Settings
    @parent
@stop

{{-- Content --}}
@section('content')
    <div class="container">
        <h1>
            System Settings
        </h1>
        <hr/>
        <div class="card mb-3">
            <div class="card-body">
                <h4>Diaper count per given</h4>
                <hr/>
                <form method="post" action="{{ route('setting.update') }}">
                    @csrf

                    @foreach($settings['diaper_count_per_given'] as $diaper => $value)
                        <div class="form-group row">
                            <label for="inputPassword"
                                   class="col-6 col-md-2 col-xl-1  col-form-label d-flex justify-content-between align-items-center">
                                Size {{ $diaper }}
                            </label>
                            <div class="col-6 col-md-3 col-lg-2 d-flex justify-content-between align-items-center">
                                <span class="mx-3">x</span>
                                <input type="number" min="1" max="5" class="form-control" name="diaper_count_per_given[{{ $diaper }}]"
                                       value="{{ $value }}" required>
                            </div>
                        </div>
                    @endforeach
                    <div class="form-group row">
                        <div class="col-12 col-lg-3 offset-lg-9 mt-2">
                            <button type="submit" class="btn btn-primary btn-block float-right" name="">Save Changes
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection