@extends('layouts.master', ['crud' => ['Home' , 'options' ]
, 'crudlink' =>['/admin/user' , '/admin/options' ],
  'title_page' => "options"])
@section('content')


    <form action="{{route($data['updateUrl'], 1)}}" method="post"  enctype="multipart/form-data">
        @csrf
        @method('PATCH')

        <div class="m-4">



            <div class="row mb-6" style="background: #d7f0fa;  padding: 11px;  border-radius: 6px;">

                @component('component.EditInputBox',[
                       'label'=>'comment statick at end comment',
                       'name'=>'name',
                       'value'=>$resources->name
                     ]) @endcomponent

            </div>





        </div>
        <div class="row mb-6" style="justify-content: center;">
            <button type="submit" class="btn btn-success btn-shadow font-weight-bold">ثبت</button>
        </div>
    </form>




@endsection



@section('script')
    <!--begin::Page Vendors(used by this page)-->
    <script src="/ckeditor/ckeditor/ckeditor.js"></script>
    <!--end::Page Vendors-->

    <script>
        // Replace the <textarea id="editor1"> with a CKEditor 4
        // instance, using default configuration.
        CKEDITOR.replace('editor1');
        CKEDITOR.replace('editor2');
        CKEDITOR.replace('editor3');

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('#blah').attr('src', e.target.result);
                }

                reader.readAsDataURL(input.files[0]);
            }
        }

        function readURL1(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('#blah1').attr('src', e.target.result);
                }

                reader.readAsDataURL(input.files[0]);
            }
        }

        $("#image").change(function(){
            readURL(this);
        });

        $("#image1").change(function(){
            readURL1(this);
        });



    </script>

@endsection