@extends('admin.layout.layout')
@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper mt-0 pt-5">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1>{{ $clip->name }} </h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">

                        </ol>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header bg-primary text-white">
                                <h4>User Details</h4>
                            </div>
                            <div class="card-body">
                                <ul class="list-group">
                                    <li class="list-group-item">
                                        <strong>Name:</strong>
                                        <span>{{ $clip['title'] ?? 'N/A' }}</span>
                                    </li>
                                    <li class="list-group-item">
                                                     

                                                       
                                    <video width="320" height="240" controls 
                                        poster="{{ !empty($clip['thumbnail']) ? asset('uploads/clips/thumbnails/' . $clip['thumbnail']) : '' }}">
                                        <source src="{{ asset('uploads/clips/' . $clip['filename']) }}" type="video/mp4">
                                        Your browser does not support the video tag.
                                    </video>

                                                            
                                                    </li>

                                    <!-- <li class="list-group-item">
                                        <strong>User Image:</strong>
                                        @if(!empty($clip->user_image))
                                        <img src="{{ $clip['user_image_link'] }}" alt="User Image" style="max-width: 100px; height: auto;">
                                        @else
                                            <span>N/A</span>
                                        @endif
                                    </li>

                                    <li class="list-group-item">
                                        <strong>Education Detail:</strong>
                                        <span>{{ $clip['education'] ?? 'N/A' }}</span>
                                    </li>
                                    <li class="list-group-item">