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

@endsection

@section('modal')
@endsection

@section('content')
<div class="row m-0">
    <div class="col-lg-5">
        <div class="row m-0">
            <div class="col-lg-8"><input type="text" name="" id="" class="form-control form-control-sm form-library" placeholder="Search...."></div>
            <div class="col-lg-2"><select name="" id="" class="form-control form-control-sm form-library"><option value="">All</option></select></div>
            <div class="col-lg-2"><button class="btn btn-outline-light btn-sm w-100 btn-library">Search</button></div>
        </div>
        <table class="table table-borderless table-hover text-light">
            <thead>
                <tr>
                    <th>HN</th>
                    <th>Name</th>
                    <th>Procedure</th>
                    <th>Date</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach ($tb_casevdogroup as $group)
                    @php
                        $i      = rand(0,1);
                        $w[0]   = array('caseuniq',$group->caseuniq);
                        $w[1]   = array('comcreate',$group->comcreate);
                        $case   = DB::table('tb_case')->where($w)->first();
                        $json   = jsonDecode($case->case_json);
                    @endphp

                    <tr>
                        <td>{{$case->case_hn}}</td>
                        <td>{{$json->patientname}}</td>
                        <td>{{$json->procedurename}}</td>
                        <td>{{$case->case_dateappointment}}</td>
                        <td>
                            @if($group->vdogroup_status==1)
                                <i class="fas fa-globe"></i>
                            @else
                                <i class="fas fa-lock"></i>
                            @endif
                        </td>
                        <td><a href="{{url("library/$group->vdogroup_id/edit")}}">edit</a></td>
                    </tr>


                @endforeach
            </tbody>
        </table>
    </div>

    @if($id!=0)
    <div class="col-lg-7">
        <div class="card-box">
            <div class="row m-0">

                @foreach($tb_casevdo as $vdo)
                    <div class="col-lg-6 p-5 mb-3">
                        <video src="{{$vdo->vdo_url}}" width="100%"  preload="none" controls></video>
                        <select class="form-control selectpicker form-library">
                            <option data-icon="fas fa-lock  font-size-lg bs-icon" value="0">Private</option>
                            <option data-icon="fas fa-globe font-size-lg bs-icon" value="1">Public</option>
                        </select>
                    </div>
                @endforeach


            </div>

            <form action="{{url('library')}}" method="post">
                @csrf
                <input type="hidden" name="event" value="updategroupvdo">
                <input type="hidden" name="vdogroup_id" value="{{$id}}">

                <div class="row m-0 text-light">
                    <div class="col-lg-12 p-5">
                        <div class="row m-0">
                            <div class="col-lg-2">Select</div>
                            <div class="col-lg-10">
                                <select name="vdogroup_status" class="form-control selectpicker form-library">
                                    <option data-icon="fas fa-lock  font-size-lg bs-icon" value="0">Private</option>
                                    <option
                                    data-icon="fas fa-globe font-size-lg bs-icon"
                                    value="1"

                                    @if(@$detailgroup->vdogroup_status==1)
                                        selected
                                    @endif
                                    >Public</option>
                                </select>
                            </div>
                            <div class="col-lg-2">Tittle</div>
                            <div class="col-lg-10">
                                <input
                                type="text"
                                name="vdogroup_name"
                                value="{{@$detailgroup->vdogroup_name}}"
                                class="form-control form-control-sm form-library">
                            </div>
                        </div>
                        <div class="row m-0 mt-2">
                            <div class="col-lg-2">Description</div>
                            <div class="col-lg-10">
                                <textarea name="vdogroup_description"
                                rows="5"
                                class="form-control form-control-sm form-library">{{@$detailgroup->vdogroup_description}}</textarea>
                            </div>
                        </div>
                        <div class="row m-0 mt-3">
                            <div class="col-lg-10 text-light"><small>*Video will public only file that have red border</small></div>
                            <div class="col-lg-2"><button type="submit" class="btn btn-primary btn-sm w-100">Save</button></div>
                        </div>
                    </div>
                </div>

            </form>


        </div>
    </div>
    @endif

</div>
@endsection

@section('script')

<script>




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

@endsection