@extends('layouts.admin')

@section('style')
    @parent
{{--    <link rel="stylesheet" href="{{ asset('assets/bower/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') }}">--}}
{{--    <link rel="stylesheet" href="{{ asset('assets/bower/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css') }}">--}}
{{--    <link rel="stylesheet" href="{{ asset('assets/bower/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css') }}">--}}
    <link rel="stylesheet" href="{{ mix('css/admin-setting-style.css') }}">
    <link rel="stylesheet" href="{{ mix('css/admin-maint-style.css') }}">
@endSection

@section('script')
    @parent
    <script src="{{ asset('assets/bower/moment/min/moment.min.js') }}" defer></script>
{{--    <script src="{{ asset('assets/bower/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') }}" defer></script>--}}
{{--    <script src="{{ asset('assets/bower/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js') }}" defer></script>--}}
    <script src="{{ asset('assets/bower/ckeditor/ckeditor.js') }}" defer></script>
{{--    <script src="{{ asset('assets/bower/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js') }}" defer></script>--}}
{{--    <script src="https://code.jquery.com/jquery-migrate-3.0.0.min.js" defer></script>--}}
    <script src="{{ mix('js/admin/admin-maint.js') }}" defer></script>
    <script>
        // temp fix tooltip
        $('[data-toggle="tooltip"]').tooltip()
    </script>
@endsection

@section('content')
@php
    $page_title =  __('admin_setting.titleEditConfigurableEnv') .' <small>'.  $type .'</small>';
@endphp

<section class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="card card-primary card-outline shadow">
                <div class="card-header">
                    <h3 class="card-title">{{ __('admin_setting.labelDetails') }}</h3>
                </div>

                <div class="card-body">
                    <form class="form-horizontal" method="POST" action="{{ route('admin.settings.save.env_configs', ['type' => $type]) }}"
                        autocomplete="off" enctype="multipart/form-data">
                        @csrf

                        @foreach ($formComponents as $name => $setting)
                            <div class="form-group row col-12 {{ $errors->has($name) ? 'has-error' : '' }}">
                                <label class="col-sm-3 control-label">
                                    @if($setting['title'])
                                        <i class="fas fa-question-circle" aria-hidden="true" data-toggle="tooltip" data-placement="top"
                                           title="{{ $setting['title'] }}"></i>
                                    @endIf
                                    <span>{{ $setting['label'] }}</span>
                                    @if($setting['required'])
                                        <span class="required">*</span>
                                    @endif
                                </label>
                                <div class="col-sm-9">
                                    <div class="px-0">
                                    @if($setting['component'] === 'textarea')
                                        <textarea name="{{ $name }}"
                                            {{ $setting['required'] ? 'required' : ''}}
                                            placeholder="{{ $setting['placeholder'] }}"
                                            class="form-control {{ $setting['class'] }}">{{
                                            $setting['userVal']
                                        }}</textarea>
                                    @elseif($setting['component'] === 'select')
                                        <select name="{{ $name }}"
                                            {{ $setting['required'] ? 'required' : ''}}
                                            class="form-control select2 {{ $setting['class']}}">

                                            <option value="">Select Value</option>

                                            @foreach ($setting['options'] ?? [] as $lov)
                                                <option value="{{ $lov['value'] }}" {{ $lov['value'] === $setting['userVal'] ? 'selected' : '' }}>
                                                    {{ $lov['label'] }}
                                                </option>
                                            @endforeach
                                        </select>
                                    @elseif($setting['component'] === 'file')
                                        <input type="file" class="custom-file-input" name="{{ $name }}"
                                            id="{{ $name }}" accept="{{ $setting['acceptExtension'] }}">
                                        <label class="custom-file-label mx-2" for="desktop_img">{{ __('admin_setting.labelFilePicker') }}</label>
                                    @elseif($setting['component'] === 'checkbox' || $setting['component'] === 'radio')
                                        @foreach ($setting['options'] ?? [] as $lov)
                                            <div class="form-check form-check-inline">
                                                <input name="{{ $name }}{{ $setting['component'] === 'checkbox' ? '[]' : '' }}" type="{{ $setting['component'] }}"
                                                    class="form-check-input btn-check {{ $setting['class']}}"
                                                    {{-- {{ $setting['required'] ? 'required' : ''}} --}}
                                                    value="{{ $lov['value']}}"
                                                    id="{{ $lov['value']}}"
                                                    {{
                                                        $setting['component'] === 'radio' ?
                                                        ($lov['value'] === $setting['userVal'] ? 'checked' : '') :
                                                        (in_array($lov['value'], $setting['userVal']) ? 'checked' : '')
                                                    }}>
                                                <label class="form-check-label btn btn-secondary" for="{{ $lov['value'] }}">{{ $lov['label'] }}</label>
                                            </div>
                                        @endforeach
                                    @else
                                        <input name="{{ $name }}" type="{{ $setting['component'] }}"
                                            class="form-control {{ $setting['class'] }}"
                                            placeholder="{{ $setting['placeholder'] }}"
                                            {{ $setting['required'] ? 'required' : ''}}
                                            value="{{ $setting['userVal']}}">
                                    @endif

                                    @if(preg_match('/\bcolor-picker\b/', $setting['class']))
                                        <div class="input-group-append">
                                            <span class="input-group-text"><i class="fas fa-square" style="color: {{ $setting['userVal'] ??'rgb(221, 238, 221)' }}"></i></span>
                                        </div>
                                    @endif

                                    @if($errors->has($name))
                                        <small class="help-block">{{ $errors->first($name) }}</small>
                                    @endif
                                    </div>
                                </div>

                                @if($setting['component'] === 'file' && $setting['fileType'] === 'image')
                                    <div class="col-sm-3 file-viewer {{ $setting['userVal'] == '' ? 'd-none' : '' }}"></div>
                                    <div class="col-sm-9 file-viewer {{ $setting['userVal'] == '' ? 'd-none' : '' }}">
                                        <img src="{{ asset($setting['userVal']) }}" alt="preview">
                                    </div>
                                @endif

                                @if($setting['urlRefer'])
                                    <div class="col-sm-3"></div>
                                    <div class="col-sm-9">
                                        <small>Click <b><i><a href="{{ $setting['urlRefer'] }}" target="_blank">HERE</a></i></b> to refer.</small>
                                    </div>
                                @endif

                                @if($setting['importantMsg'])
                                    <div class="col-sm-3"></div>
                                    <div class="col-sm-9">
                                        <i><small>{{ $setting['importantMsg'] }}</small></i>
                                    </div>
                                @endif
                            </div>
                        @endforeach

                        <div class="card-footer">
                            <button type="submit" class="btn btn-info float-right">
                                {{ __('admin_setting.btnSave') }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection