@extends('layouts.admin')

@section('style')
    @parent
    <link rel="stylesheet" href="{{ mix('css/admin/template.css') }}">
@endSection


@php
    $form = config('admin.template_form');
@endphp


@section('content')

@component('admin.components.step_form_pages', [
    'post_url'=>'',
    'type'=>'templates',
    'title'=> 'Setup',
    'all_pages' =>['Setup','Customize'],
    'step'=> '1',
])

    @php $id = 'template_name'; $hasError = $errors->has($id) @endphp
    @component('admin.components.form_field_100', ['label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
        <input name="{{$id}}" maxlength="{{$form[$id]['maxlength']}}"
               class="form-control {{$hasError?'is-invalid':''}} {{$form[$id]['req'] ?'required':''}}"
               placeholder="{{$form[$id]['placeholder']}}" value="{{ $form[$id]['value'][0]??'' }}"
               maxlength="{{$form[$id]['maxlength']}}"/>
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent


    @php $id = 'init_type'; $hasError = $errors->has($id) @endphp
    @component('admin.components.form_field_50', ['label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
        <select name="{{$id}}" class="filter-input form-control select2 {{$errors->has($id) ? 'is-invalid':'select2bs4'}} {{$form[$id]['req'] ?'required':''}}"
                data-placeholder="{{$form[$id]['placeholder']}}" style="width: 100%;">
            @if($form[$id]['input'])
                @foreach($form[$id]['input'] as $value => $label)
                    <option value="{{$value }}" {{ in_array( $value , $form[$id]['value'])?'selected':'' }}>{{ $label }}</option>
                @endforeach
            @endif
        </select>
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent

    @php $id = 'template_type'; $hasError = $errors->has($id) @endphp
    @component('admin.components.form_field_50', ['label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
        <select name="{{$id}}" class="filter-input form-control select2 {{$errors->has($id) ? 'is-invalid':'select2bs4'}} {{$form[$id]['req'] ?'required':''}}"
                data-placeholder="{{$form[$id]['placeholder']}}" style="width: 100%;">
            @if($form[$id]['input'])
                @foreach($form[$id]['input'] as $value => $label)
                    <option value="{{$value }}" {{ in_array( $value , $form[$id]['value'])?'selected':'' }}>{{ $label }}</option>
                @endforeach
            @endif
        </select>
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent


    @php $id = 'template_description'; $hasError = $errors->has($id) @endphp
    @component('admin.components.form_field', [ 'class'=> 'col-12', 'label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
        <textarea row="5" name="{{$id}}" class="form-control {{$form[$id]['req'] ?'required':''}}" placeholder="{{$form[$id]['placeholder']}}" style="width: 100%;"></textarea>
    @endcomponent

    @php $id = 'template_lang'; $hasError = $errors->has($id) @endphp
    @component('admin.components.form_field', [ 'class'=> 'col-12', 'label'=>$form[$id]['label'], 'required'=>$form[$id]['req'], 'description'=>$form[$id]['descr'], 'hasError'=>$hasError ])
        <select name="{{$id}}[]" class="filter-input form-control select2 {{$errors->has($id) ? 'is-invalid':'select2bs4'}} {{$form[$id]['req'] ?'required':''}}"
                multiple="multiple" data-placeholder="{{$form[$id]['placeholder']}}" style="width: 100%;">
            @if(config('locale'))
                @foreach(config('locale') as $name => $lang)
                    <option value="{{$lang }}" {{ ($data['languages'] ?? ['en']) && in_array( $lang , $data['languages'] ?? ['en'] )?'selected':'' }}>{{ $name }}</option>
                @endforeach
            @endif
        </select>
        @component('admin.components.form_error_msg', ['hasError'=>$hasError]){{ $errors->first($id) }}@endcomponent
    @endcomponent

    @slot('footer_back')
    @endslot

    @slot('footer_next')
            <a href="javascript:void(0)" class="btn btn-info float-right btn-next">Next Step</a>
    @endslot

@endcomponent

@endsection


@section('script')
    @parent
    <script src="{{ mix('js/bootstrap-maxlength.min.js') }}"></script>
    <script src="{{ mix('js/admin/template/index.js') }}"></script>
    <script>
        $(() => skaleTemplateCreate.step1(
            @json($bi_supported_types ?? []) ,
            @json($data),
            '{{ channelRoute('template.store') }}',
        ));
    </script>
@endSection