@extends('admin.layout')
@section('content')
    <script src="{{ url('./Panel/adminAssets/jquery-3.2.1.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('.manue-active ul').removeClass('mm-show').find('a').removeClass('mm-active');
            $('#Settingss ul').addClass('mm-show').find('#GeneralsEdit').addClass('mm-active');
        });

    </script>


    <div class="parts form">
        <div class="main-card mb-3 card">
            <div class="card-body">
                <h5 class="card-title">{{ __('General.General_Vedio') }}</h5>

                @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                {!! Form::open(['method' => 'patch', 'action' => ['Admin\generalsController@update', $data->id], 'files' =>
                true]) !!}
                <div class="row">
                    <div class="col-md">
                        <div class="row">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('General.General_Vedio') }}</label>
                            <div class="col-md text-center">
                                <div class="main-vedio" id="blah">
                                    <video class="blah2" height="400" controls autoplay>
                                        <source src="{{ url('main_vedio/' . $data->id . '/' . $data->main_vedio) }}"
                                            type="video/mp4">
                                        <source src="{{ url('main_vedio/' . $data->id . '/' . $data->main_vedio) }}"
                                            type="video/ogg">
                                        Your browser does not support the video tag.
                                    </video>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <input type="file" id="input03" name="main_vedio" class="form-control" placeholder="photo">
                            </div>

                        </div>

                        <div class="position-relative row form-group">
                            <label for="name"
                                class="col-sm-2 col-form-label">{{ __('general.Main_Heading_Arabic') }}</label>
                            <div class="col-sm-10">
                                {!! Form::text('main_heading_ar', $data->main_heading_ar, ['class' => 'form-control',
                                'placeholder' => __('general.Main_Heading_Arabic')]) !!}
                            </div>
                        </div>
                        <div class="position-relative row form-group">
                            <label for="name"
                                class="col-sm-2 col-form-label">{{ __('general.Main_Heading_English') }}</label>
                            <div class="col-sm-10">
                                {!! Form::text('main_heading_en', $data->main_heading_en, ['class' => 'form-control',
                                'placeholder' => __('general.Main_Heading_English')]) !!}
                            </div>
                        </div>
                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('general.Main_Paragraph_Arabic') }}
                            </label>
                            <div class="col-sm-10">
                                {!! Form::textarea('main_paragraph_ar', $data->main_paragraph_ar, ['class' => 'form-control',
                                'placeholder' => __('general.Main_Paragraph_Arabic')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{ __('general.Main_Paragraph_English') }}
                            </label>
                            <div class="col-sm-10">
                                {!! Form::textarea('main_paragraph_en', $data->main_paragraph_en, ['class' => 'form-control',
                                'placeholder' => __('general.Main_Paragraph_English')]) !!}
                            </div>
                        </div>

                    </div>

                    <div class="col-sm-12 offset-sm-2">
                        {!! Form::submit(__('General.Save'), ['class' => 'btn btn-primary form-control']) !!}
                    </div>

                    {!! Form::Close() !!}
                </div>
            </div>
            <style>
                .btn-rounded {
                    width: 100px;
                }

                .btn-secondary {
                    background-color: #fff !important;
                    border: 0;
                    color: #6497B4;
                    font-size: 5em;
                }

                .btn-secondary:hover {
                    color: #1899DF;
                }

                .bootstrap-filestyle span {
                    width: 100%;
                    text-align: center;
                }

                .fa-cloud-upload-alt {
                    line-height: 3 !important;
                    font-size: 3em;
                }

            </style>
            <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
            <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
            <script type="text/javascript" src="{{ url('./Panel/adminAssets/bootstrap-filestyle.min.js') }}"></script>
            <script type="text/javascript">
                $(function() {
                    $("#blah").draggable();
                });

                $(document).ready(function() {

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

                            reader.onload = function(e) {
                                // $('.blah2 > source').attr('src', '');
                                $('#blah').html(
                                    '<video class="blah2" height="400" controls autoplay><source src="' + e
                                    .target.result + '" type="video/mp4"><source src="' + e.target.result +
                                    '" type="video/ogg"> Your browser does not support the video tag. </video>'
                                    )
                            }
                            reader.readAsDataURL(input.files[0]);
                            $('.blah2').load();
                        }
                    }
                    $("#input03").change(function() {
                        readURL(this);
                        setTimeout(() => {
                            $(".group-span-filestyle .badge-light").remove();
                        }, 100);

                    });

                    $('#input03').filestyle({
                        badge: true,
                        input: false,
                        text: '',
                        htmlIcon: '<i class="fas fa-cloud-upload-alt"></i>'
                    });
                    $('#input03 span').text('');
                });

                //]]>

            </script>
        @endsection