@if(isset($_GET['select']))
<script>
    window.location.href="#photo_link";
</script>
@endif

@php
$view['procedure_findding'] = $procedure_findding;
@endphp

<div class="col-12">
    {!!editcard('photo','photo.blade.php')!!}
    <div class="card card-custom gutter-b">
        <div class="card-body">
            <div class="" id="photo_link" style="position: absolute;margin-top:-1em;z-index:9999">&emsp;</div>
            <div class="row">
                <div class="col-12">
                    <div class="row">
                        {{-- <div class="col-12">
                            <br>
                            <br>
                        </div> --}}
                        <div class="col-auto">
                            <ul class="nav nav-tabs">
                            <li>
                                <a data-toggle="tab" href="#menu0" id="tabmenu0" >
                                <font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;All Photo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></a></li>
                            <li><a data-toggle="tab" href="#menu1" id="tabmenu1" >
                                <font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Selected Photo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></a></li>
                            <li><a data-toggle="tab" href="#menu2" id="tabmenu2" >
                                <font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Video &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></a></li>
                            </ul>


                        </div>

                        <div class="col-6">
                            <div class="row">
                                @isset($json->time_start)
                                <div class="col-2">
                                    <small>Start :</small>
                                    <input id="time_start" placeholder="Capture Start" type="text" value="{{@$json->time_start}}" class="form-control form-control-sm savejson">
                                </div>
                                @endisset
                                @isset($json->time_finish)
                                <div class="col-2">
                                    <small>Finish :</small>
                                    <input id="time_finish" placeholder="Capture Stop" type="text" value="{{@$json->time_finish}}" class="form-control form-control-sm savejson">
                                </div>
                                @endisset
                                @isset($json->pt_time)
                                <div class="col-2">
                                    <small>Patient IN :</small>
                                    <input id="pt_time" placeholder="Capture Stop" type="text" value="{{@$json->pt_time}}" class="form-control form-control-sm savejson">
                                </div>
                                @endisset
                                @isset($json->start_time)
                                <div class="col-2">
                                    <small>Start time :</small>
                                    <input id="start_time" placeholder="Capture Stop" type="text" value="{{@$json->start_time}}" class="form-control form-control-sm savejson">
                                </div>
                                @endisset

                                @isset($json->withdrawal_time)
                                <div class="col-2">
                                    <small>With drawal :</small>
                                    <input id="withdrawal_time" placeholder="Capture Stop" type="text" value="{{@$json->withdrawal_time}}" class="form-control form-control-sm savejson">
                                </div>
                                @endisset

                                @isset($json->end_time)
                                <div class="col-2">
                                    <small>End time :</small>
                                    <input id="end_time" placeholder="Capture Stop" type="text" value="{{@$json->end_time}}" class="form-control form-control-sm savejson">
                                </div>
                                @endisset
                            </div>
                        </div>
                        <div class="col" align="right">
                            <a href="{{url("selfupload/?hn=$case->hn&case_id=$cid")}}" class="btn btn-info"><i class="far fa-images"></i> Add Photo </a>
                            <a href="{{url("photomove/$cid")}}" class="btn btn-primary"><i class="fas fa-marker"></i>Photo Move</a>
                            <a href="{{url("imagesort/$cid/?hn=$case->hn&case_id=$cid")}}" class="btn btn-warning"><i class="far fa-list-alt"></i> Sort Photo </a>
                        </div>
                        <div class="col-auto p-0">
                            <span id="img_reload" class="float-right" data-container="body" data-toggle="tooltip" data-placement="top" title="Reload Images"><i class="fas fa-sync-alt mt-3"></i></span>
                        </div>
                        <div class="col-12" style="margin-top: 0em;">
                            <div class="tab-content" style="width: 100%;padding-top:1em;">
                                <div id="menu0" class="tab-pane fade in active show">@component('case.component.photo.photoshowall',$view)@endcomponent</div>
                                <div id="menu1" class="tab-pane fade">@component('case.component.photo.photoselect',$view)@endcomponent</div>
                                <div id="menu2" class="tab-pane fade">@component('case.component.photo.vdo',$view)@endcomponent</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script>
    $("#img_reload").click(function(){
        $("#reload").modal('show')
        $.post("{{url('api/image')}}",{
            event   : 'img_reload',
            cid     : '{{$cid}}',
        },function(d,s){
            setTimeout(() => {

                location.reload();
            }, 800);
            // console.log(d);
        });
    });
</script>