@extends('Common::admin.layout.page')
@section('page')
    <form action="{{ $action }}" method="post" enctype="multipart/form-data" class="action_form" novalidate>
        @foreach (request()->query() as $key => $val)
            <input type="hidden" name="{{ $key }}" value="{{ $val }}">
        @endforeach
        @if ($method == 'put')
            {{ method_field('put') }}
        @endif
        @csrf
        @if (isset($groups))
            <div class="row">
                @foreach ($groups as $mytitle => $inputs)
                    <div class="col-md-6 col-sm-12">
                        <!-- general form elements -->
                        <div class="card card-primary">
                            <div class="card-header">
                                <h3 class="card-title">{{ $mytitle }}</h3>
                            </div>
                            <div class="card-body">
                                @foreach ($inputs as $myname => $input)
                                    <x-custominp :input="$input" :name="$myname" :model="$model" lang="all" />
                                @endforeach
                            </div>
                            @if ($loop->iteration == 1)
                                <div class="card-footer">
                                    <button type="submit" class="btn btn-primary"> <span>{{ __('Save') }}</span> <i
                                            class="fas fa-save"></i></button>
                                </div>
                            @endif
                        </div>
                        <!-- /.card -->
                    </div>
                @endforeach
            </div>
        @elseif(isset($lang_inputs) && count($lang_inputs))
            <div class="row">
                <div class="{{ isset($inputs) && $inputs ? 'col-md-8' : '' }} col-sm-12">
                    <!-- general form elements -->
                    <div class="card card-primary">
                        <div class="card-header">
                            <h3 class="card-title">{{ __($title) }} [<span
                                    class="action_type">{{ $method == 'post' ? __('Add') : __('Edit') }}</span>]</h3>
                        </div>
                        <div class="card-body">

                            <ul class="nav nav-tabs langs">
                                @foreach (config('app.locales') as $myname => $lang)
                                    <li class="{{ $loop->iteration == 1 ? 'active' : '' }}">
                                        <a data-toggle="tab" href="#{{ $myname }}"
                                            class="{{ $loop->iteration == 1 ? 'active' : '' }}">
                                            {{-- <img src="{{ url("locale/$myname.png") }}" /> --}}
                                            <span>{{ __($lang) }}</span>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>

                            <div class="tab-content">
                                @foreach (config('app.locales') as $lang_name => $lang)
                                    <div id="{{ $lang_name }}"
                                        class="tab-pane fade {{ $loop->iteration == 1 ? 'in active show' : '' }}">
                                        @foreach ($lang_inputs as $myname => $input)
                                            <x-custominp :input="$input" :name="$myname" :model="$model"
                                                :lang="$lang_name" />
                                        @endforeach
                                    </div>
                                @endforeach
                                @if (isset($inline_inputs))
                                    @foreach ($inline_inputs as $myname => $input)
                                        <x-custominp :input="$input" :name="$myname" :model="$model" lang="all" />
                                    @endforeach
                                @endif
                                @if (isset($has_map))
                                    @include('Common::components.map')
                                @endif
                                @if (isset($has_images))
                                    <x-custominp input="input" name="images[]" :model="$model" lang="all" />
                                @endif

                                @if (isset($includes))
                                    @foreach ($includes as $inc)
                                        @include($inc)
                                    @endforeach
                                @endif
                            </div>

                        </div>
                        <!-- /.card-body -->

                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary"> <span>{{ __('Save') }}</span> <i
                                    class="fas fa-save"></i></button>
                        </div>
                    </div>
                    <!-- /.card -->
                </div>

                @if (isset($inputs) && $inputs)
                    <div class="col-md-4 col-sm-12">
                        <!-- general form elements -->
                        <div class="card card-success">
                            <div class="card-header">
                                <h3 class="card-title">{{ __('Options') }}</h3>
                            </div>
                            <div class="card-body">
                                @foreach ($inputs as $myname => $input)
                                    <x-custominp :input="$input" :name="$myname" :model="$model" lang="all" />
                                @endforeach
                            </div>
                        </div>
                        <!-- /.card -->
                    </div>
                @endif
            </div>
        @else
            <!-- general form elements -->
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">{{ __($title) }} [ {{ $method == 'post' ? __('Add') : __('Edit') }} ]
                    </h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="{{ isset($extra_inputs) ? 'col-sm-7' : 'col-sm-12' }}">
                            @foreach ($inputs as $myname => $input)
                                <x-custominp :input="$input" :name="$myname" :model="$model" lang="all" />
                            @endforeach
                        </div>
                        @if (isset($extra_inputs))
                            <div class="col-sm-5">
                                @foreach ($extra_inputs as $myname => $input)
                                    <x-custominp :input="$input" :name="$myname" :model="$model" lang="all" />
                                @endforeach
                            </div>
                        @endif
                    </div>
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-primary"> <span>{{ __('Save') }}</span> <i
                            class="fas fa-save"></i></button>
                </div>

                @if (isset($includes))
                    @foreach ($includes as $inc)
                        @include($inc)
                    @endforeach
                @endif
            </div>
            <!-- /.card -->
        @endif
    </form>
    @if (!$model->id)
        <script>
            $(document).ready(function() {
                $(".select2").val('').trigger('change');
            });
        </script>
    @endif
    <script>
        $(document).ready(function() {
            $('.select2').select2({
                allowClear: true,
                placeholder: function() {
                    console.log($(this).data('placeholder'));
                    $(this).data('placeholder');
                }
            });
        });
    </script>
@stop