@extends('front.layout.default_layout')

@section('content')

<main class="app-content">

    <div class="app-title">

        <div>

            <h1><i class="fa fa-tree"></i> Video Links</h1>

        </div>

        <ul class="app-breadcrumb breadcrumb">

            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>

            <li class="breadcrumb-item"><a href="#">video Links Setting</a></li>

        </ul>

    </div>
    <div class="d-flex justify-content-center">
        @if (count($errors) > 0)

        <div class="col-sm-9 alert alert-danger">

            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>

            <ul>

                @foreach ($errors->all() as $error)

                <li>{{ $error }}</li>

                @endforeach

            </ul>

        </div>

        @endif

        <div class="col-sm-9 flash-message">

            @foreach (['danger', 'warning', 'success', 'info'] as $msg)

            @if(Session::has('alert-' . $msg))



            <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}

                <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>

            </p>

            @endif

            @endforeach

        </div>
    </div>

    <div class="d-flex justify-content-center">

        <div class="col-sm-9 bg-white py-3 border">

            <div class="form-group formGroupShadow">

                

                @if(isset($user_id))

                <a class="form-control d-flex justify-content-center" href="{{url('video/create/'.$user_id)}}" style="background-color:#009688; color:white;"> + Add Video </a>

                <!-- <a class="form-control d-flex justify-content-center" href="{{url('video/create')}}" style="background-color:#009688; color:white;"> + Add Video </a> -->

                @else

                <a class="form-control d-flex justify-content-center" href="{{url('video/create')}}" style="background-color:#009688; color:white;"> + Add Video </a>

                @endif

            </div>

            <div class="table-rep-plugin">

                <div class="table-responsive" data-pattern="priority-columns">

                    <table class="table  table-striped table-bordered" cellspacing="0" style="width:100%;">

                        <thead>

                            <tr>

                                <th>S.No</th>

                                <th>Title</th>

                                <th>Link</th>

                                <th>Action</th>

                            </tr>

                        </thead>

                        <tbody>

                            @php $i = 1 @endphp



                            @foreach($videos as $data)

                            <tr>

                                <td>{{$i}}.</td>

                                <td>{{$data->title}}</td>

                                <td>

                                    <iframe width="320" height="240" src="//www.youtube.com/embed/{{$data->link}}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

                                    <!-- <video width="320" height="240" controls>

                                        <source src="{{$data->link}}" type="video/mp4">

                                      </video> -->

                                </td>

                                <td class="text-center">


                                    @if(isset($user_id))
                                    <a href="{{url('videoUpdate')}}/{{$data->id.'/'.$user_id }}"><span class="basic_table_icon" style="font-size: 20px;color: green;"><i class="fa fa-pencil" aria-hidden="true"></i></span></a>
                                    
                                    @else
                                    <a href="{{url('videoUpdate',$data->id)}}"><span class="basic_table_icon" style="font-size: 20px;color: green;"><i class="fa fa-pencil" aria-hidden="true"></i></span></a>
                                    @endif
                                    
                                    <a href="{{url('videoDelete',$data->id)}}" onClick="return confirm('Are you sure?');"><span class="basic_table_icon" style="font-size: 20px;color: red;margin-left: 20px;"><i class="fa fa-trash-o" aria-hidden="true"></i></span></a>

                                </td>

                            </tr>

                            @php $i++ @endphp

                            @endforeach

                        </tbody>

                    </table>

                </div>

            </div>

            @if(isset($user_id))

            <a class="btn btn-primary" href="{{url('gallery/'.$user_id)}}"><i class="fa fa-long-arrow-left" aria-hidden="true"></i>Back</a>
            <a class="btn btn-primary" href="{{url('setting/'.$user_id)}}">Next   <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
            @endif

            @if(isset($user_id))
            <div class="form-group formGroupShadow mt-2">
                <a class="form-control d-flex justify-content-center" href="{{url('preViewCard',$user_id)}}" target="_blank" style="background-color:#222d32; color:white;"> PREVIEW CARD </a> 
            </div>
            @else
            <div class="form-group formGroupShadow mt-2">
                <a class="form-control d-flex justify-content-center" href="{{url('preViewCard',Auth::user()->visitor_id)}}" target="_blank" style="background-color:#222d32; color:white;"> PREVIEW CARD </a> 
            </div>
            @endif

        </div>

    </div>

</main>

@stop