@extends('admin.layout')
@section('content')
    <link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"
        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous">
    </script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/flick/jquery-ui.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-duration-format/2.2.2/moment-duration-format.min.js">
    </script>
    <script src="{{ asset('public/admin/daterange/jquery-ui-durationspinner.js') }}"></script>

    <!-- begin::main content -->

    <main class="main-content">

        <div class="container">

            <!-- begin::page header -->
            <div class="page-header">
                <h3>{{ $video->filename }}</h3>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="{{ asset('admin/re-video-list') }}">MAPPING VIDEO LIST</a>
                        </li>
                        <li class="breadcrumb-item"><a
                                href="{{ asset('admin/bookmark-list/' . Request::segment(3)) }}">Video
                                Bookmark
                                List</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Add Video Bookmark</li>
                    </ol>
                </nav>
            </div>
            <!-- end::page header -->
            <x-flashMessage />
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h6 class="card-title pull-left">Add Video Bookmark</h6>
                            <a href="{{ asset('admin/bookmark-list/' . Request::segment(3)) }}"
                                class="btn btn-primary pull-right text-white">
                                <i class="fa fa-list"></i>&nbsp;Video Bookmark List
                            </a>
                        </div>
                        <div class="card-body">
                            <form action="{{ asset('admin/add-bookmark/' . Request::segment(3)) }}" method="post"
                                enctype="multipart/form-data">
                                @csrf
                                <div class="form-group">
                                    <input type="text" class="form-control" name="name" value="{{ old('name') }}"
                                        id="name" placeholder="Enter Video Bookmark Title">

                                    @if ($errors->has('name'))
                                        <div class="error">
                                            {{ $errors->first('name') }}
                                        </div>
                                    @endif

                                </div>

                                <div class="form-group">
                                    <label for="time"> Duration (hh:mm:ss)</label><br>
                                    <input type="text" class="form-control hm" name="time" value="{{ old('time') }}"
                                        id="time" placeholder="hh:mm:ss" />

                                    @if ($errors->has('time'))
                                        <div class="error">
                                            {{ $errors->first('time') }}
                                        </div>
                                    @endif

                                    <script>
                                        $('input.hm').durationspinner({
                                            format: 'hh:mm:ss',
                                            step: 1,
                                            page: 60
                                        });
                                    </script>

                                </div>

                                <button type="submit" class="btn btn-primary">Submit</button>
                            </form>
                        </div>
                    </div>



                </div>

            </div>

        </div>

    </main>
    <!-- end::main content -->
@endsection
@push('footer-script')
    <!-- end::select2 -->
@endpush