@php
    $xy = 0;
    $x = 0;
    $photoall = array();
    foreach($photo as $p){
        if(isset($p->st)){
            if($p->st==0 || $p->st==1){
                $photoall[$x]['nu'] = $p->nu;
                $photoall[$x]['ns'] = $p->ns;
                $photoall[$x]['na'] = $p->na;
                $photoall[$x]['sc'] = $p->sc;
                $photoall[$x]['st'] = $p->st;
                $photoall[$x]['tx'] = $p->tx;
                $x++;
            }
        }
    }
@endphp
<div class="row">
    <hr>
    @foreach($photoall as $photo)
            <div class="col-2">
            <table>
            <tr>
            <td style="border: 1px solid black;height:20px" align="center">{{$photo['nu']}}</td>
            <td rowspan="8" valign="top">
                    <img
                    id="imgselect{{$photo['nu']}}"
                    class="imgselect_new"
                    photo_id="{{$photo['nu']}}"
                    src="{{mePHOTO($case->hn,$photo['na'],$folderdate)}}?a={{RandomString()}}"
                    width="100%"
                    >
                    @php
                    if ($photo['ns']!=0){
                        $color="green";
                        $style="";
                    }else{
                        $color="white";
                        $style="display: none";
                    }
                    @endphp
                    <div align="center" class="bb" id="bb{{$photo['nu']}}" style="{{$style}}">{{$photo['ns']}}</div>
                    {{-- รูปมุมขวาบน --}}
            </td>
            </tr>
            <tr>
            <td style="border: 1px solid black;height:20px;" align="center">
                <div id="picselect{{$photo['nu']}}" style="background-color:{{$color}}">
                {{-- รูปมุมขวาบน --}}
                <img
                    src         ="{{url('')}}/public/images/icon/crop_icon.png"
                    width       ="20px"
                    data-toggle ="tooltip"
                    title       ="Select"
                    style       ="opacity: 0;"
                >
                </div>
            </td>
            </tr>


            {{-- <tr>
                <td style="border: 1px solid black;height:20px;" align="center">
                    <div>
                        <a href="{{url('')}}/public/crop_img/index.php?hn={{$case->hn}}&photoname={{$photo['na']}}">
                            <img src="{{url('')}}/public/images/icon/crop_icon.png" width="20px"  data-toggle="tooltip" title="crop">
                        </a>
                    </div>
                </td>
            </tr> --}}

            <tr>
            <td style="border: 1px solid black;height:20px;" align="center">
                    <div    id          = "picrollbacknew{{$photo['nu']}}"
                            class       = "picrollbacknew"
                            hn          = "{{$case->hn}}"
                            photoname   = "{{$photo['na']}}"
                            status      = "{{$photo['st']}}"
                            photo_id    = "{{$photo['nu']}}"
                            case_id     = "{{$cid}}"
                            style="background-color:white"
                        >
                    <img src="{{url('')}}/public/images/icon/refresh.png" width="20px"  data-toggle="tooltip" title="Roll Back">
                </div>
            </td>
            </tr>

            <tr>
                <td style="border: 1px solid black;height:20px;" align="center">
                    <div    id          = "piccropblacknew{{$photo['nu']}}"
                            class       = "piccropblacknew"
                            hn          = "{{$case->hn}}"
                            photoname   = "{{$photo['na']}}"
                            photo_id    = "{{$photo['nu']}}"
                            photo_num   = "{{$photo['nu']}}"
                            style       = "background-color:white"
                    >
                        <img src="{{url('public/images/icon/cut.png')}}" width="20px"  data-toggle="tooltip" title="Auto Crop">
                    </div>
                </td>
            </tr>

            <tr>
                <td style="border: 1px solid black;height:20px;" align="center">
                    <div pic_number="{{$photo['nu']}}" class="json_del" photo_id="{{$photo['nu']}}" style="background-color:white">
                        <img src="{{url('public/images/icon/trash_blue.png')}}" width="20px"  data-toggle="tooltip" title="Delete">
                    </div>
                </td>
            </tr>
            <tr>
                <td style="border: 1px solid black;height:20px;" align="center">
                    <div pic_number="{{$photo['nu']}}" class="zoomify_icon" photo_id="{{$photo['nu']}}" photo_name="{{mePHOTO($case->hn,$photo['na'],$folderdate)}}?a={{RandomString()}}" style="background-color:white">
                        <img src="{{url('public/images/icon/search.png')}}" width="18px"  data-toggle="tooltip" title="zoom">
                    </div>
                </td>
            </tr>

            <tr>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>

            <tr><td></td><td></td></tr>
        </table>
        <br>
        </div>
    @endforeach
    {{-- ท้าย for --}}





</div>
@if(count($photoall)>0)
<div class="row">
    <div class="col"></div>
    <div class="col-3">
     <a href="{{url('')}}/procedure/{{$case->case_id}}?select=1" class="btn btn-success btn-xl btn-block h3 btn-shadow w-100"><i class="fas fa-check"></i><br> ยืนยันการเลือกรูป</a>
    </div>
</div>
@endif