@extends('layouts.library')
@section('title', 'EndoCapture')
@section('style')
<link href="{{url('')}}/public/css/library/index.css" rel="stylesheet" type="text/css"/>


<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="scroll-slider.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
<link href="{{url('')}}/public/css/library/play.css" rel="stylesheet" type="text/css"/>
<style>
    .scoll-li{
        flex-wrap: nowrap;overflow-y: auto;
    }
    @media (max-width: 960px) {
        .scoll-li{
            flex-wrap: wrap;
        }
    }
    .btn-light{
    }
    .btn-light:hover{
        color: #fff !important;
        background: #101211 !important;
    }
    small{
        color: #9A9B9B;
    }
    video{
        min-height: 250px;
    }
    .content{
        padding: auto 1em !important;
    }
</style>
@endsection

@section('modal')
@endsection

@section('content')
@php
$admin['controllername'] = "endocapture/homecontroller";
$admin['viewname']       = "home/index.blade.php";
cardADMIN($admin);
@endphp


<div class="row m-0 pt-5 pb-0">
    <div class="col-12 pl-5">
        <div class="row m-0 mb-3">
            <div class="col-lg-2 p-0"><select name="" id="" class="form-control form-control-sm form-library"><option value="">Procedure</option></select></div>
            <div class="col-lg-2"><select name="" id="" class="form-control form-control-sm form-library"><option value="">Doctor</option></select></div>
            <div class="col-lg-6"><input type="text" name="" id="" class="form-control form-control-sm form-library" placeholder="Search"></div>
            <div class="col-lg"><button class="btn btn-light btn-sm w-100 btn-library">Search</button></div>
        </div>
    </div>
</div>
<div class="row m-0 pl-5 pr-5">
    <div class="col-12 pl-5 pr-5"><hr class="hr-library"></div>
</div>
<div class="row m-0 pl-5 mb-3">
    <div class="col-10 pl-5">
        <h3 class="text-light">Recently</h3>
    </div>
</div>

<div class="row m-0 scoll-li pb-5 mx-5">
    @foreach ($tb_casevdogroup as $group)
        <div class="col-lg-3">
                <a href="{{url("library/$group->vdogroup_id")}}">
                    {{-- <img  class="pic" src="{{url('public/images/1555944814.jpg')}}"> --}}
                    @php
                    $w[0] = array('caseuniq',$group->caseuniq);
                    $w[1] = array('comcreate',$group->comcreate);
                    $vd = DB::table('tb_casevdo')->where($w)->first();
                    @endphp
                <video src="{{@$vd->vdo_url}}"  style="width: 100%;"></video>



                </a>

            <span class="text">
                <p class="h5"><font color="white">{{$group->vdogroup_name}}</font></p>
            <small style=""><font color="white">View {{$group->vdogroup_visit}} | [{{$group->vdogroup_date}}]</font></small>
            <br>
            <small>
                {{$group->user_prefix}}{{$group->user_firstname}} {{$group->user_lastname}}
            </small>
            </span>
            <span class="icon"></span>

        </div>
    @endforeach
</div>


<div class="row m-0 pl-5 pr-5">
    <div class="col-12 pl-5 pr-5"><hr class="hr-library"></div>
</div>

<div class="row m-0 pl-5 mt-5 mb-3">
    <div class="col-10 pl-5">
        <h3 class="text-light">Most Views</h3>
    </div>
</div>
<div class="row m-0 scoll-li pb-5">
    @foreach ($most as $group)
    <div class="col-lg-3">
            <a href="{{url("library/$group->vdogroup_id")}}">
                {{-- <img  class="pic" src="{{url('public/images/1555944814.jpg')}}"> --}}

                @php
                    $w[0] = array('caseuniq',$group->caseuniq);
                    $w[1] = array('comcreate',$group->comcreate);
                    $vd = DB::table('tb_casevdo')->where($w)->first();
                @endphp
                <video src="{{@$vd->vdo_url}}" style="width: 100%;"></video>
            </a>
        <span class="text">
            <p class="h5"><font color="white">{{$group->vdogroup_name}}</font></p>
        </span>
        <small style="text-decoration: none;">View {{$group->vdogroup_visit}} | [{{$group->vdogroup_date}}]</small>
        <br>
        <small style="text-decoration: none;">
            {{$group->user_prefix}}{{$group->user_firstname}} {{$group->user_lastname}}
        </small>
        <span class="icon"></span>
    </div>
    @endforeach
</div>
@endsection

@section('script')

<script>




</script>
<script src="{{url('')}}/public/js/library/index.js"></script>

@endsection