@extends('components.dashboard.layouts.master')

@section('styles')
    @stack('datatableStyles')
@endsection

@section('title')
    {{ __('Edit Video') }}
@endsection

@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row"></div>
            <div class="content-body">

                <x-dashboard.layouts.breadcrumb now="{{ __('Edit Video') }}" />

                <section id="basic-input">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">{{ __('Edit Video') }}</h4>
                                </div>

                                <div class="card-content">
                                    <div class="card-body">
                                        <form action="{{ route('admin.customised-videos.update', $customised_video->id) }}" method="POST" enctype="multipart/form-data">
                                            @csrf
                                            @method('PUT')

                                            <div class="row">
                                                {{-- Arabic Title --}}
                                                <div class="col-md-6 col-12">
                                                    <div class="form-group">
                                                        <label for="title_ar">{{ __('Arabic Title') }}</label>
                                                        <input
                                                            type="text"
                                                            id="title_ar"
                                                            name="title_ar"
                                                            class="form-control"
                                                            placeholder="{{ __('Arabic Title') }}"
                                                            value="{{ old('title_ar', $customised_video->getTranslation('title', 'ar')) }}"
                                                            required
                                                        >
                                                        @error('title_ar')
                                                        <div class="text-danger mt-2">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>

                                                {{-- English Title --}}
                                                <div class="col-md-6 col-12">
                                                    <div class="form-group">
                                                        <label for="title_en">{{ __('English Title') }}</label>
                                                        <input
                                                            type="text"
                                                            id="title_en"
                                                            name="title_en"
                                                            class="form-control"
                                                            placeholder="{{ __('English Title') }}"
                                                            value="{{ old('title_en', $customised_video->getTranslation('title', 'en')) }}"
                                                            required
                                                        >
                                                        @error('title_en')
                                                        <div class="text-danger mt-2">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>

                                                {{-- Media (Image/Video) --}}
                                                <div class="col-md-6 col-12">
                                                    <div class="form-group">
                                                        <label for="image">{{ __('Media') }}</label>
                                                        <input
                                                            type="file"
                                                            id="image"
                                                            name="image"
                                                            class="form-control"
                                                            accept="image/*,video/*"
                                                        >

                                                        @php
                                                            $media = $customised_video->getFirstMedia('custom-video');
                                                        @endphp

                                                        @if($media)
                                                            @php
                                                                $url = $media->getUrl();
                                                                $mime = $media->mime_type ?? '';
                                                                $isVideo = \Illuminate\Support\Str::startsWith($mime, 'video');
                                                            @endphp

                                                            <div class="mt-2">
                                                                @if($isVideo)
                                                                    <video src="{{ $url }}" width="240" controls class="rounded border"></video>
                                                                @else
                                                                    <img src="{{ $url }}" alt="Current Media" width="240" class="rounded border">
                                                                @endif
                                                            </div>
                                                        @endif

                                                        @error('image')
                                                        <div class="text-danger mt-2">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>

                                                {{-- Status --}}
                                                <div class="col-md-6 col-12">
                                                    <div class="form-group">
                                                        <label for="status">{{ __('Status') }}</label>
                                                        <select id="status" name="status" class="form-control" required>
                                                            <option value="1" {{ old('status', $customised_video->status) ? 'selected' : '' }}>{{ __('Active') }}</option>
                                                            <option value="0" {{ !old('status', $customised_video->status) ? 'selected' : '' }}>{{ __('Inactive') }}</option>
                                                        </select>
                                                        @error('status')
                                                        <div class="text-danger mt-2">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <div class="col-12">
                                                    <button type="submit" class="btn btn-primary">
                                                        {{ __('Update') }}
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div> <!-- /.card-body -->
                                </div> <!-- /.card-content -->

                            </div> <!-- /.card -->
                        </div> <!-- /.col -->
                    </div> <!-- /.row -->
                </section>

            </div> <!-- /.content-body -->
        </div> <!-- /.content-wrapper -->
    </div> <!-- /.app-content -->
@endsection

@section('script')
    @stack('datatableScripts')
@endsection