@extends('dashboard.layouts.app')
@section('css')

<link rel="stylesheet" type="text/css" href="/assets/css/image-uploader.min.css">
<link rel="stylesheet" type="text/css" href="/item-style.css">
<style type="text/css">
    #mapCanvas{
        width: 100%;
        height: 300px;
    }
</style>

@endsection
@section('content')
{!!Form::model($row , ['url' => route('items.update', $row) ,'method' => 'PATCH','files' => true, 'class' => 'add-form', 'id' => 'checkformValid2']) !!}
    @include('dashboard.items.form')
{!!Form::close() !!}

@endsection
@section('modal')
    <!-- modal -->
    <div class="modal modal-slide-in fade" id="modals-slide-in" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog sidebar-sm" id="ajax-content">
            {{-- ajax content --}}
        </div>
    </div>
@endsection

@section('js')

<script src="/assets/js/image-uploader.min.js"></script>
<script src="https://cdn.tiny.cloud/1/r1gfvetmz1x7rly49crue0mbrsdei0gy3zuma3qiqahzzpg6/tinymce/5/tinymce.min.js"
referrerpolicy="origin"></script>
<script>
//     let preloaded = [
//     {id: 1, src: 'https://picsum.photos/500/500?random=1'},
//     {id: 2, src: 'https://picsum.photos/500/500?random=2'},
//     {id: 3, src: 'https://picsum.photos/500/500?random=3'},
//     {id: 4, src: 'https://picsum.photos/500/500?random=4'},
//     {id: 5, src: 'https://picsum.photos/500/500?random=5'},
//     {id: 6, src: 'https://picsum.photos/500/500?random=6'},
// ];
let preloaded =[]
$(window).on('load', function () {
    if (feather) {
        feather.replace({
            width: 14,
            height: 14
        });
    }
    $('.input-images').imageUploader({
        preloaded: preloaded,
        imagesInputName: 'images',
        preloadedInputName: 'old',
        extensions: ['.jpg', '.jpeg', '.png', '.gif', '.svg'],
        mimes: ['image/jpeg', 'image/png', 'image/gif', 'image/svg+xml'],
        label: "اسحب وافلت الصور او اضغط الاستعراض الملفات",
        maxFiles: 10,
    });
});
</script>
<script>
tinymce.init({
    selector: '.mytextarea'
});
</script>

<script>
    $(document).ready(function(){
        $v= "{{$row->type ?? ''}}";
        if($v !== '')
                {
                    $('.lay').removeClass('show').addClass('hide');
                    $('.all-fields').addClass('d-none');
                    $('.all-fields.'+$v).removeClass('d-none')
                }else{
                    $('.lay').removeClass('hide').addClass('show');

                }

    })
    $('body').on('change', 'input[name="is_replay"]', function(){
        if ($('input[name="is_replay"]').is(':checked')) {
            $('#replay-section').removeClass('d-none');
        }else{
            $('#replay-section').addClass('d-none');

        }
    })
    $('body').on('change', '#reminder_type', function(){
        $('.all-times-txt').addClass('d-none');
        $('.all-times-txt.' +$('#reminder_type').val()).removeClass('d-none');
    })
</script>
@endsection