@extends('layouts.app')
@section('content')
<div class="flex items-center flex-wrap justify-between gap20 mb-30">
    <h3>Setting</h3>
    <ul class="breadcrumbs flex items-center flex-wrap justify-start gap10">
        <li>
            <a href="javascript:void(0)"><div class="text-tiny">Dashboard</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <div class="text-tiny">Setting</div>
        </li>
    </ul>
</div>
<!-- setting -->
<form class="form-setting form-style-2" method="post">
    @csrf
    @foreach($settings_query as $settings_key => $setting)
        @if($setting->module=="System")  {{-- show only setting module --}}
            @if($setting->module != ($settings_query[$settings_key-1]->module ?? ''))
            <div class="wg-box">
                <div class="left">
                    <h5 class="mb-4">{{$setting->module}}</h5>
                </div>
                <div class="row">
            @endif
                    @if($setting->category == 'navigation_color' || $setting->category == 'navigation_icon_color' || $setting->category == 'box_color' || $setting->category == 'button_hover_color')
                    @else
                    <div class="col-6">
                        <fieldset class="mb-24">
                            <div class="body-title mb-10">{{ucwords(strtolower(str_replace('_',' ',$setting->category)))}}</div>
                            @if($setting->category == 'referral_cookie_duration')
                            <select class="flex-grow" name="settings[{{$setting->id}}]">
                                @for($i = 1; $i<=30; $i++)
                                <option value="{{$i * 86400}}" {{($i * 86400) == $setting->amount ? 'selected' : ''}}>{{$i." ".($i > 1 ? 'Days' : 'Day')}}</option>
                                @endfor
                            </select>
                            @else
                                <input class="flex-grow" type="text"  name="settings[{{$setting->id}}]" tabindex="0" value="{{$setting->amount}}" aria-required="true" required="">
                            @endif
                        </fieldset>
                    </div>
                    @endif
            @if($setting->module != ($settings_query[$settings_key+1]->module ?? ''))
                </div>
            </div>
            @endif
        @endif
    @endforeach
    <div class="cols gap10">
        <button class="tf-button w380" type="submit">Save Changes</button>
    </div>
</form>
<!-- /setting -->

@endsection
@section('page_script')
@parent
<script>
    $(".settings-menu").addClass("active");
</script>
@endsection
<!-- App js -->