@php
    $title = $blade_data['title'];
    $routeLink = $blade_data['routeLink'];
    $countryArr = $form_data->country ? explode(',', $form_data->country) : [];
@endphp

@extends('admin.layouts.app')
@section('page-title', $title)
@section('breadcrumb')
    <x-breadcrumb :blades="$blade_data" />
@endsection

@section('content')

    <div class=" ">
        <div class="card rounded-0 mb-2">
            <div class="card-body">


                <form
                    action="{{ isset($form_data->id) ? route($routeLink . '.update', ['id' => $form_data->id]) : route($routeLink . '.store') }}"
                    method="POST" class="edit-form">
                    @csrf

                    <div class="form-group row">

                        <div class="col-sm-4">
                            <label class="col-form-label">{{ __('Type') }}</label>
                            <div class="">
                                <select name="landing_type" class="form-control i-landing_type" required
                                    onchange="select_type()">
                                    <option value="">Select</option>

                                    @foreach ($type_list as $item)
                                        <option value="{{ $item }}"
                                            {{ $form_data->landing_type == $item ? 'selected' : '' }}>{{ $item }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>



                        <div class="col-sm-4 ">
                            <label class="col-form-label">{{ env('APP_URL') . '/l' }}/</label>
                            <div class="">
                                <input type="text" name="name" value="{{ old('name', $form_data->name) }}"
                                    class="form-control @error('name') is-invalid @enderror" required>
                                @error('name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-sm-4" id="tracking_block" style="display:none">
                            <label class="col-form-label">Link</label>
                            <div class="">
                                <input type="text" id="tracking_url" name="tracking_url"
                                    value="{{ old('tracking_url', $form_data->tracking_url) }}"
                                    class="form-control @error('tracking_url') is-invalid @enderror">
                                @error('tracking_url')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                    </div>


                    <div class="row mt-3">
                        <div class="col-md-3">
                            <button type="submit" class="btn btn-sm btn-primary submitBtn">Save</button>
                            <a href="{{ route($routeLink . '.index') }}" class="btn btn-sm btn-secondary">Back</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection


@push('scripts')
    <script src="{{ asset('plugins/jquery.validate.js') }}"></script>
    <script>
        $(".edit-form" ).validate({
        submitHandler: function (form) {
            var loadingText = '<i class="fa fa-circle-notch fa-spin"></i> Saving..';
            $('.edit-form  .submitBtn').html(loadingText).prop('disabled', true);    
            return true;            
        }
    });
    function select_type(){
        var val = $('.i-landing_type').val();
        
        $("#domain_data").hide();
        $("#domain_data .form-control").attr('required',false);
        
        $("#blog_data").hide();
        $("#blog_data .form-control").attr('required',false);
        
        $("#tracking_block").hide();
        $("#tracking_block .form-control").attr('required',false);
        
        if(val == 'Others'){
            $("#tracking_block").show();
            $("#tracking_block .form-control").attr('required',true);
        }
        else if(val == 'Domain Landing Page'){
            $("#domain_data").show();
            $("#domain_data .form-control").attr('required',true);
        }
        else if(val == 'Blog Page'){
            $("#blog_data").show();
            $("#blog_data .form-control").attr('required',true);
        }
    }  
    select_type();
    </script>


    <script>
        CKEDITOR.replace('lv-editor', {
            height: 500,
            allowedContent: true,
            filebrowserUploadUrl: "{{ route('admin.tasks.image_update', ['_token' => csrf_token()]) }}",
            filebrowserUploadMethod: 'form',
            toolbar: [{
                    name: 'document',
                    groups: ['mode', 'document', 'doctools'],
                    items: ['Source', ]
                },
                {
                    name: 'clipboard',
                    groups: ['clipboard', 'undo'],
                    items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo']
                },
                '/',
                {
                    name: 'basicstyles',
                    groups: ['basicstyles', 'cleanup'],
                    items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-',
                        'RemoveFormat'
                    ]
                },
                {
                    name: 'paragraph',
                    groups: ['list', 'indent', 'blocks', 'align', 'bidi'],
                    items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote',
                        'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock',
                        '-', 'BidiLtr', 'BidiRtl'
                    ]
                },
                {
                    name: 'links',
                    items: ['Link', 'Unlink', ]
                },
                {
                    name: 'insert',
                    items: ['Image', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe']
                },
                '/',
                {
                    name: 'styles',
                    items: ['Styles', 'Format', 'Font', 'FontSize']
                },
                {
                    name: 'colors',
                    items: ['TextColor', 'BGColor']
                },
                {
                    name: 'tools',
                    items: ['Maximize', 'ShowBlocks']
                },
            ],

        }, );

        var oEditor = CKEDITOR.instances.editor;
    </script>
@endpush