@extends('layouts.backend.app')
@section('content')
    <div class="main-panel">
        <div class="row grid-margin">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">video Add</h4>
                        <form class="dynamic-form" action="{{ route('videos.storeOrUpdate') }}" method="POST">
                            @csrf
                            <input type="hidden" name="id" value="{{ $video->id ?? '' }}">

                            <fieldset>
                                <!-- video Title -->
                                <div class="form-group">
                                    <label>Video Title *</label>
                                    <input type="text" class="form-control" name="title"
                                        value="{{ old('title', $video->title ?? '') }}"  id="videotitle" placeholder="Enter the Title">
                                </div>
                               <div class="form-group">
                                    <label>Video Type:</label>
                                    <select class="form-control" name="video_type" id="video_type" onchange="toggleFields()">
                                        <option value="">-- Select --</option>
                                        <option value="file" {{ isset($video) && $video->video_type == 'file' ? 'selected' : '' }}>Upload File</option>
                                        <option value="youtube" {{ isset($video) && $video->video_type == 'youtube' ? 'selected' : '' }}>YouTube/Vimeo URL</option>
                                    </select>
                                </div>

                                <div class="form-group" id="url_input" style="display: none;">
                                    <label>Video URL</label>
                                    <input type="url" class="form-control" name="video_url" value="{{ isset($video) && $video->video_type == 'youtube' ? $video->video_url : '' }}">
                                </div>

                                <div class="form-group" id="file_input" style="display: none;">
                                    <label>Video (MP4):</label>
                                    <input type="file" name="video_url" class="image-input form-control" accept="video/*" data-preview="#previewvideo">

                                    @if (isset($video) && $video->video_type == 'file' && $video->video_url)
                                        <video width="200" controls>
                                            <source src="{{ asset('uploads/videos/video/'.$video->video_url) }}" type="video/mp4">
                                        </video>
                                    @endif

                                    <div id="previewvideo"></div>
                                </div>


                                <!-- Submit Button -->
                                <div class="form-group mt-3">
                                    <button type="submit" class="btn btn-success"value="submit">
                                        {{ isset($video) && $video->id ? 'Update video' : 'Create video' }}
                                    </button>
                                </div>
                            </fieldset>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection