@extends('layout.master')

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
@section('content')
<div class="container mt-2">
    <nav class="page-breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="{{ route('training.admin-video') }}">Manage Video</a></li>
          <li class="breadcrumb-item active" aria-current="page">Add Video</li>
        </ol>
    </nav>
    <div class="card">
        <div class="card-body">
            <h5 class="card-title mb-3">Add Training Videos</h5>
            <form action="{{ route('training.admin-video.store') }}" method="POST">
                @csrf
    
                <div class="mb-4">
                    <label class="form-label">Title</label>
                    <small class="text-muted d-block">Enter a clear and concise title for the video.</small>
                    <input type="text" name="title" class="form-control" required>
                </div>
    
                <div class="mb-4">
                    <label class="form-label">Description</label>
                    <small class="text-muted d-block">Provide a brief description of the video's content.</small>
                    <textarea name="description" class="form-control"></textarea>
                </div>
    
                <div class="mb-4">
                    <label class="form-label">YouTube Link</label>
                    <small class="text-muted d-block">Paste the full YouTube video URL (e.g., https://www.youtube.com/watch?v=example).</small>
                    <input type="url" name="youtube_link" class="form-control" required>
                </div>
    
                <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Save Video</button>
                <a href="{{ route('training.admin-video') }}" class="btn btn-secondary"> Cancel</a>
            </form>
        </div>
    </div>    
</div>
@endsection