@extends('dashboard.layouts.master')
@section('content')
    <div class="card">
        <div class="card-header">
            <h3>{{$settings->first()->section}}</h3>
        </div>


        <div class="card-body pb-0">
            @if($errors->any())
                <div class="container">
                    <ol class="alert alert-danger ">
                        @foreach($errors->all() as $error)
                            <li>{{$error}}</li>
                        @endforeach
                    </ol>
                </div>
            @endif
            @if($success = session('success'))
                <div class="alert alert-success text-center">{{$success}}</div>
            @endif
            <br>
            <form class="form" method="post" action="{{route('settings.store')}}" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="section" value="{{$section}}">
                <div class="row">
                    @foreach($settings  as $setting)
                        @if($setting->type == 'text')
                            <div class="col-md-6 form-group">
                                <label class="form-label">{{$setting->display_name}}</label>
                                <input class="form-control" name="{{$setting->key}}" value="{{old($setting->key,getSettingOf($setting->key))}}" required type="text" placeholder="">
                            </div>
                        @endif

                        @if($setting->type == 'url')
                            <div class="col-md-6 form-group">
                                <label class="form-label">{{$setting->display_name}}</label>
                                <input class="form-control" name="{{$setting->key}}" value="{{old($setting->key,getSettingOf($setting->key))}}" required type="url" placeholder="">
                            </div>
                        @endif

                        @if($setting->type == 'email')
                            <div class="col-md-6 form-group">
                                <label class="form-label">{{$setting->display_name}}</label>
                                <input class="form-control" name="{{$setting->key}}" value="{{old($setting->key,getSettingOf($setting->key))}}" required type="email" placeholder="">
                            </div>
                        @endif
                        @if($setting->type == 'number')
                            <div class="col-md-6 form-group">
                                <label class="form-label">{{$setting->display_name}}</label>
                                <input class="form-control" name="{{$setting->key}}" value="{{old($setting->key,getSettingOf($setting->key))}}" required max="{{$setting->key == 'percentage' ? 100  :''}}" min="0" type="number" placeholder="">
                            </div>
                        @endif

                        @if($setting->type == 'textarea')
                            <div class="col-md-12 form-group">
                                <label class="form-label">{{$setting->display_name}}</label>
                                <textarea class="form-control" name="{{$setting->key}}" id="" required rows="10">{{old($setting->key,getSettingOf($setting->key))}}</textarea>
                            </div>
                        @endif

                        @if($setting->type == 'file')
                            <div class="col-md-6 form-group flex-upload">
                                <label class="form-label">{{$setting->display_name}}</label>
                                <input type="file" accept="image/*" class="photo form-control" name="{{$setting->key}}"/>
                                <img class="image_preview" src="{{getFile(getSettingOf($setting->key))}}" style="width: 100px ; height: 100px" alt="">
                            </div>
                        @endif

                        @if($setting->type == 'checkbox')
                            <div class="col-md-6 form-group ">
                                <label for="{{$setting->display_name}}" class="form-label">{{$setting->display_name}}</label>
                                <input type="checkbox" id="{{$setting->display_name}}" value="yes" {{getSettingOf($setting->key) ? 'checked':''}} class="" name="{{$setting->key}}"/>

                            </div>
                        @endif


                    @endforeach


                </div>
                <div class="card-footer">
                    <button class="btn btn-primary btn-air-primary btn-icon" type="submit">
                        <i class="fa fa-save"></i>
                        حفظ
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection
@push('js')
    <script>
        function hide_success_div() {
            $('.alert-success').fadeOut()
        }

        setTimeout(hide_success_div, 1000)
    </script>
@endpush