@extends('backend.layouts.master')
@section('title', $testimonial->exists ? 'Edit Testimonial' : 'Add Testimonial')
@section('content')
@php
  $item = $testimonial;
  $videoType = old('video_type', $item->video_type ?: \App\Models\Testimonial::VIDEO_TYPE_LINK);
@endphp
<div class="page-content"><div class="container-fluid">
    <div class="page-title-box"><h4 class="mb-0">{{ $item->exists ? 'Edit' : 'Add' }} Testimonial</h4></div>
    @include('backend.partials.alerts')
    <form method="POST" enctype="multipart/form-data" action="{{ $item->exists ? route('admin.testimonials.update', $item) : route('admin.testimonials.store') }}">
        @csrf
        @if($item->exists) @method('PUT') @endif
        <div class="row">
            <div class="col-xl-8">
                <div class="card"><div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Student Name *</label>
                        <input type="text" name="name" class="form-control" value="{{ old('name', $item->name) }}" required>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Role / Course</label>
                            <input type="text" name="role" class="form-control" value="{{ old('role', $item->role) }}" placeholder="Business Management">
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Tag</label>
                            <input type="text" name="tag" class="form-control" value="{{ old('tag', $item->tag) }}" placeholder="Business">
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Duration</label>
                            <input type="text" name="duration" class="form-control" value="{{ old('duration', $item->duration) }}" placeholder="3:42">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Initials</label>
                            <input type="text" name="initials" class="form-control" value="{{ old('initials', $item->initials) }}" placeholder="AR">
                        </div>
                        <div class="col-md-8 mb-3">
                            <label class="form-label d-block">Video Type</label>
                            <div class="btn-group" role="group" aria-label="Video type">
                                <input type="radio" class="btn-check" name="video_type" id="video_type_link" value="link" autocomplete="off" @checked($videoType === 'link')>
                                <label class="btn btn-outline-primary" for="video_type_link">External Link</label>
                                <input type="radio" class="btn-check" name="video_type" id="video_type_file" value="file" autocomplete="off" @checked($videoType === 'file')>
                                <label class="btn btn-outline-primary" for="video_type_file">File</label>
                            </div>
                        </div>
                    </div>
                    <div class="mb-3" id="video-link-wrap" @if($videoType !== 'link') style="display:none" @endif>
                        <label class="form-label">Video URL</label>
                        <input type="text" name="video_url" id="video_url" class="form-control" value="{{ old('video_url', $item->video_url) }}" placeholder="https://youtube.com/... or https://vimeo.com/...">
                        <div class="form-text">YouTube, Vimeo, or any direct video link.</div>
                    </div>
                    <div class="mb-3" id="video-file-wrap" @if($videoType !== 'file') style="display:none" @endif>
                        <label class="form-label">Upload Video</label>
                        @if($item->video_file)
                            <div class="mb-2 small text-muted">
                                Current: <a href="{{ $item->videoFileUrl() }}" target="_blank" rel="noopener">{{ basename($item->video_file) }}</a>
                            </div>
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="remove_video" value="1" id="remove_video">
                                <label class="form-check-label" for="remove_video">Remove current video</label>
                            </div>
                        @endif
                        <input type="file" name="video_file_upload" id="video_file_upload" class="form-control" accept="video/mp4,video/webm,video/ogg,video/quicktime,.mp4,.webm,.ogg,.mov">
                        <div class="form-text">MP4, WebM, OGG or MOV. Max 50MB.</div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Quote / Short text (optional)</label>
                        <textarea name="quote" class="form-control" rows="3">{{ old('quote', $item->quote) }}</textarea>
                    </div>
                </div></div>
            </div>
            <div class="col-xl-4">
                <div class="card"><div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Thumbnail Image URL</label>
                        <input type="text" name="image" class="form-control" value="{{ old('image', $item->image) }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Upload Thumbnail</label>
                        @if($item->imageUrl())
                            <div class="mb-2"><img src="{{ $item->imageUrl() }}" alt="" class="img-fluid rounded" style="max-height:100px;"></div>
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="remove_image" value="1" id="remove_image">
                                <label class="form-check-label" for="remove_image">Remove image</label>
                            </div>
                        @endif
                        <input type="file" name="image_file" class="form-control" accept="image/*">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Sort Order</label>
                        <input type="number" name="sort_order" class="form-control" value="{{ old('sort_order', $item->sort_order ?? 0) }}">
                    </div>
                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" name="status" value="1" id="status" @checked(old('status', $item->status ?? true))>
                        <label class="form-check-label" for="status">Active (show on homepage)</label>
                    </div>
                    <button class="btn btn-primary w-100">Save Testimonial</button>
                    <a href="{{ route('admin.testimonials.index') }}" class="btn btn-light w-100 mt-2">Back</a>
                </div></div>
            </div>
        </div>
    </form>
</div></div>
@endsection

@push('scripts')
<script>
(function () {
  var linkWrap = document.getElementById('video-link-wrap');
  var fileWrap = document.getElementById('video-file-wrap');
  var urlInput = document.getElementById('video_url');
  var fileInput = document.getElementById('video_file_upload');

  function syncType() {
    var isFile = document.getElementById('video_type_file').checked;
    linkWrap.style.display = isFile ? 'none' : '';
    fileWrap.style.display = isFile ? '' : 'none';
    if (isFile) {
      urlInput.removeAttribute('required');
    } else {
      fileInput.value = '';
    }
  }

  document.querySelectorAll('input[name="video_type"]').forEach(function (el) {
    el.addEventListener('change', syncType);
  });
  syncType();
})();
</script>
@endpush