@extends('Dashboard/app')

@section('main-content')
    <form class="border p-3 col-lg-8 container shadow" method="post" action="{{route('dash_update_why_we_excel', $whyWeExcelDetails->id)}}" enctype="multipart/form-data">
        @csrf
        {{method_field('PUT')}}
        <h5 class="text-muted">EDIT</h5>

        <div for="" class="field-title"> Title</div>
        <input type="text" name="title" value="{{$whyWeExcelDetails->title}}" class="form-control" required>
        
        <div for="" class="field-title"> Add Media</div>
        <div class="my-3 p-4 bg-white" id="img_1" >
            <p class="text-muted">{{$whyWeExcelDetails->media}}</p>
            <div class="col-md-6">
                @if ($whyWeExcelDetails->media_type == 'video')
                    <video class="col-12" src="{{asset('storage/whyExcel/'.$whyWeExcelDetails->media)}}" controls></video>
                @else
                    <img class="col-12" src="{{asset('storage/whyExcel/'.$whyWeExcelDetails->media)}}" alt="">
                @endif
            </div>
            
            <div><input type="file" name="media"></div>
        </div>

        <div for="" class="field-title"> Youtube Link</div>
        <input type="text" value="{{$whyWeExcelDetails->youtube_link}}" name="youtube_link" class="form-control">

        <div for="" class="field-title"> Description</div>
        <textarea name="description" id="content" >{!!$whyWeExcelDetails->description!!}</textarea>

        <input type="submit" value="Save" class="btn btn-success mt-3 me-auto">

    </form>
@endsection

@section('footer-scripts')

<script>
    ClassicEditor
        .create( document.querySelector( '#content' ) )
        
        .catch( error => {
            console.error( error );
        } );
        CKEDITOR.addCss('.cke_editable p { margin: 0 !important; }');
</script>
@endsection