<?php if(isset($_GET['select'])): ?>
    <script>
        window.location.href = "#photocard";
    </script>
<?php endif; ?>
<style>
    .px-photo {
        padding-left: 0.3rem;
        padding-right: 0.3rem;
        cursor: pointer;
    }

    .btn-icon2 {
        background: #CED4DA;
        color: #495057;
        border-width: 0px;
        border-right: 1px solid #000;
        border-radius: 0;
    }

    .btn-icon2:hover {
        background: #CED4DA;
        color: #495057;
        border-right: 1px solid #000;


    }

    .bg-light2 {
        background: #CED4DA;
    }

    .nav-pills {
        --vz-nav-pills-link-active-bg: #245788;
    }

    .photoviewer-modal {
        background-color: red;
        border: none;
        border-radius: 0;
        box-shadow: 0 0 6px 2px rgba(0, 0, 0, .3);
        min-width: 1200px !important;
        min-height: 800px !important;
        max-width: 1200px !important;
        max-height: 800px !important;
    }

    .photoviewer-header .photoviewer-toolbar {
        background-color: rgba(0, 0, 0, .5);

    }

    .photoviewer-header {
        min-height: 80px !important;
    }

    .photoviewer-stage {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .85);
        border: none;
    }

    .photoviewer-footer .photoviewer-toolbar {
        background-color: rgba(0, 0, 0, .5);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .photoviewer-header,
    .photoviewer-footer {
        border-radius: 0;
        pointer-events: none;
    }

    .photoviewer-title {
        color: #ccc;
    }

    .photoviewer-button {
        color: #ccc;
        pointer-events: auto;
        min-width: 100px;
        min-height: 80px;
    }

    .photoviewer-header .photoviewer-button:hover,
    .photoviewer-footer .photoviewer-button:hover {
        color: white;
    }

    .svg-inline-icon {
        width: 40px !important;
        height: 40px !important;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        color: #ffffff;
        background-color: #192D4B;
    }
</style>
<?php
    $view['procedure'] = $procedure;
?>

<div class="col-12 p-0 relative">
    <div id="photocard" style="position: absolute;top: -80px;">
    </div>
    <?php echo editcard('photo', 'photo.blade.php'); ?>

    <div class="card card-custom gutter-b" id="photo_card">
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    <div class="row">
                        <div class="col-6">
                            <?php
                                $photos = isset($case->photo) ? $case->photo : [];
                                $is_selected = 0;
                                if (is_array($photos)) {
                                    foreach ($photos as $key => $p) {
                                        $p = (object) $p;
                                        if (isset($p->ns) ? $p->ns : 0 > 0) {
                                            $is_selected += 1;
                                        }
                                    }
                                }
                                $is_active = $is_selected > 0 ? 'active' : '';
                            ?>
                            <ul class="nav nav-pills nav-primary-capture mb-3" role="tablist">

                                <?php if(count($photoselect) > 0): ?>
                                    <li class="nav-item waves-effect waves-light">
                                        <a class="nav-link  " id="divmenu1">All Photo</a>
                                    </li>
                                    <li class="nav-item waves-effect waves-light">
                                        <a class="nav-link active" id="divmenu2">Selected Photo</a>
                                    </li>
                                <?php else: ?>
                                    <li class="nav-item waves-effect waves-light">
                                        <a class="nav-link active " id="divmenu1">All Photo</a>
                                    </li>
                                    <li class="nav-item waves-effect waves-light">
                                        <a class="nav-link  " id="divmenu2">Selected Photo</a>
                                    </li>
                                <?php endif; ?>
                                <li class="nav-item waves-effect waves-light">
                                    <a class="nav-link" id="divmenu3">
                                        Video
                                    </a>
                                </li>
                                <li class="nav-item waves-effect waves-light">
                                    <a class="nav-link" id="divmenu4">
                                        Operation Detail
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-6 text-end">
                            <?php if(isset($have_pacs)): ?>
                                <?php if($have_pacs): ?>
                                    <button type="button"
                                        class="btn btn-primary waves-effect waves-light hide-btn-function"
                                        onclick="download_pac_pics()"><i
                                            class="ri-image-line ri-lg me-2  align-middle "></i>Upload Pacs
                                        Image</button>
                                <?php endif; ?>
                            <?php endif; ?>




                            <a type="button" class="btn btn-primary waves-effect waves-light hide-btn-function"
                                onclick="action_all('select')"><i
                                    class=" ri-checkbox-multiple-line ri-lg me-2  align-middle "></i>Select All</a>

                            <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                                <div class="btn-group" role="group">
                                    <button id="btnGroupDrop1" type="button" class="btn btn-danger dropdown-toggle"
                                        data-bs-toggle="dropdown" aria-expanded="false">
                                        Manage Photo
                                    </button>
                                    <ul class="dropdown-menu " aria-labelledby="btnGroupDrop1">
                                        <li>
                                            <a href="<?php echo e(url("upload/?hn=$case->hn&case_id=$cid")); ?>"
                                                class="dropdown-item"> Upload </a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(url("imagesort/$cid/?hn=$case->hn&case_id=$cid")); ?>"
                                                class="dropdown-item"> Sort</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(url("photomove/$cid")); ?>" class="dropdown-item">Move</a>
                                        </li>
                                        <li>
                                            <button type="button" class="dropdown-item" id="btn_callmodaldownload"
                                                data-bs-toggle="modal"
                                                data-bs-target="#modal_download">Download</button>
                                        </li>
                                        <li>
                                            <button type="button" class="dropdown-item"
                                                onclick="action_all('rollback')">Rollback All Photo</button>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </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="row">
                            <div class="col-12" id="div-allphoto">
                                <?php
$__split = function ($name, $params = []) {
    return [$name, $params];
};
[$__name, $__params] = $__split('Writereport.Photo.All', ['case' => $case]);

$__html = app('livewire')->mount($__name, $__params, '4OqyvLj', $__slots ?? [], get_defined_vars());

echo $__html;

unset($__html);
unset($__name);
unset($__params);
unset($__split);
if (isset($__slots)) unset($__slots);
?>
                                
                            </div>
                            <?php if(@$feature->fidingsidephoto): ?>
                                <div class="col-5" id="div-selectphoto">
                                    <?php echo $__env->make('case.component.photo.photoselect', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                                </div>
                                <div class="col-5" id="div-selectvideo">
                                    <?php echo $__env->make('case.component.photo.vdo', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                                </div>
                                <div class="col-7" id="div-fiding">
                                    <?php if(count($photoselect) != 0): ?>
                                        <?php echo $__env->make('case.component.findingincard', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                                    <?php endif; ?>
                                </div>
                            <?php else: ?>
                                <div class="col-12" id="div-selectphoto">
                                    <?php echo $__env->make('case.component.photo.photoselect', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                                </div>
                                <div class="col-4" id="div-selectvideo">
                                    <?php echo $__env->make('case.component.photo.vdo', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                                </div>
                            <?php endif; ?>
                            <div class="col-12" id="div-operation">
                                <?php echo $__env->make('case.component.photo.Opdetail', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $('#custom-picture').on('change', function() {
        let data_photo = $(this).val();
        if (data_photo == '6') {
            $("#photo_display").removeClass()
        }
    });
</script>

<script>
    $("#btn_callmodaldownload").click(function() {
        $.post('<?php echo e(url('api/procedure')); ?>', {
            event: 'photozip',
            cid: '<?php echo e($cid); ?>'
        })
    })
</script>

<script src="<?php echo e(url('public/js/photoviewer/photoviewer.min.js')); ?>"></script>
<script>
    var photos = []
    var photos = []
    var min_pvWidth = 1200
    var min_pvHeight = 800

    function pageLoad() {

        hideall_tapphoto();
        $('#div-allphoto').show();
    }
    pageLoad()

    function hideall_activephoto() {
        $('#divmenu1, #divmenu2 , #divmenu3 , #divmenu4').removeClass('active');
    }

    function hideall_tapphoto() {
        $('#div-selectphoto , #div-selectvideo , #div-fiding , #div-operation , #div-fidingvideo , #div-allphoto')
            .hide();
    }


    $('#divmenu1').click(function() {
        hideall_activephoto();
        hideall_tapphoto();
        $('#div-allphoto').fadeIn(500);
        $('#divmenu1').addClass('active')
    });

    <?php if(count($photoselect) > 0): ?>
        hideall_tapphoto();
        $('#div-selectphoto').fadeIn(500);
        $('#div-fiding').fadeIn(500);
    <?php else: ?>
        hideall_tapphoto();
        $('#div-allphoto').fadeIn(500);
    <?php endif; ?>

    $('#divmenu2').click(function() {
        hideall_activephoto();
        hideall_tapphoto();
        $('#div-selectphoto').fadeIn(500);
        $('#div-fiding').fadeIn(500);
        $('#divmenu2').addClass('active');
    });

    $('#divmenu3').click(function() {
        hideall_activephoto();
        hideall_tapphoto();
        $('#div-selectvideo').fadeIn(500);
        $('#div-fiding').fadeIn(500);
        $(this).addClass('active');
        $('#divmenu3').addClass('active');
    });

    $('#divmenu4').click(function() {
        hideall_activephoto();
        hideall_tapphoto();
        $('#div-operation').fadeIn(500);
        $('#divmenu4').addClass('active');
    });

    $('#tabmenu0').click(function() {
        $('.hide-btn-function').show();
    })

    $('#tabmenu1').click(function() {
        $('.hide-btn-function').hide();
    })

    $('#tabmenu2').click(function() {
        $('.hide-btn-function').hide();
    })

    $('#tabmenu3').click(function() {
        $('.hide-btn-function').hide();
    })

    $("#img_reload").click(function() {
        $("#reload").modal('show')
        $.post("<?php echo e(url('api/image')); ?>", {
            event: 'img_reload',
            cid: '<?php echo e($cid); ?>',
        }, function(d, s) {
            setTimeout(() => {
                location.reload();
            }, 800);
        });
    });

    function action_all(action) {
        var btn_id = `all_action_btn`
        $(`#event_inp`).val(`${action}allphoto`)
        setTimeout(() => {
            $(`#all_action_btn`).click()
        }, 1000);
    }

    $('.text-time').on('input', function() {
        var this_index = $(this).attr('time')
        var this_time = $(this).val()
        var field = 'case_time'
        console.log(this_index, this_time);
        $.post('<?php echo e(url('api')); ?>/jquery', {
            event: 'update_time',
            time: this_time,
            cid: "<?php echo e($case->_id); ?>",
            index: this_index
        }, function(data, status) {

        });
    })


    $(document).ready(function() {
        $('.zoomify_icon').click(function(e) {
            // alert(1);
            e.preventDefault()
            let picnumber = $(this).attr('pic_number')
            let title_elem = $(this).attr('title')
            let pic_index;

            if (title_elem == 'Drawing') {
                title_elem
                photos = []
                items = []
                let all_images = $('.img-thumbnail').length

                let photoname = $(this).attr('photoname')

                let index = 0

                for (let i = 0; i < all_images; i++) {
                    if (i == 0) continue;
                    let src = $($('.img-thumbnail')[i]).attr('src');
                    let title = $($('.img-thumbnail')[i]).attr('data-title');
                    if (src && title) {
                        items.push({
                            src: src,
                            title: title
                        });
                        photos.push(title);
                    }
                }

                for (let j = 0; j < photos.length; j++) {
                    if (photos[j] == photoname) {
                        index = j
                    }
                }
                pic_index = index
            } else {

                items = []
                photos = []
                let all_images = $('.imgselect_new').length
                console.log(all_images);
                for (let i = 0; i < all_images; i++) {
                    let src = $($('.imgselect_new')[i]).attr('photosrc');
                    let title = $($('.imgselect_new')[i]).attr('data-title');
                    if (src && title) {
                        items.push({
                            src: src,
                            title: title
                        });
                        photos.push(title);
                    }
                }
                pic_index = parseInt(picnumber) - 1
            }

            let options = {
                index: pic_index,
                modalWidth: min_pvWidth,
                modalHeight: min_pvHeight,
            }
            new PhotoViewer(items, options)
            $('.photoviewer-footer').css('position', 'relative')
            if (title_elem != 'Drawing') {
                $('.photoviewer-toolbar-footer').append(`
                    <button class="photoviewer-button photoviewer-button-selected" title="Select Photo" onclick="selected_photo()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" fill="currentColor" class="bi bi-check svg-inline-icon" viewBox="0 0 16 16">
                            <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/>
                        </svg>
                    </button>
                `)

                $('.photoviewer-stage').append(`
                    <button style="position: absolute; right: 0; bottom: 0;" class=" btn btn-success waves-effect m-3" title="Select Photo" onclick="refresh_page()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-check2-all" viewBox="0 0 16 16">
                            <path d="M12.354 4.354a.5.5 0 0 0-.708-.708L5 10.293 1.854 7.146a.5.5 0 1 0-.708.708l3.5 3.5a.5.5 0 0 0 .708 0l7-7zm-4.208 7-.896-.897.707-.707.543.543 6.646-6.647a.5.5 0 0 1 .708.708l-7 7a.5.5 0 0 1-.708 0z"/>
                            <path d="m5.354 7.146.896.897-.707.707-.897-.896a.5.5 0 1 1 .708-.708z"/>
                        </svg>
                        ยืนยันการเลือกรูป
                    </button>
                `)
                let is_selected = $(`#bb${picnumber}`).css('display') != 'none'
                if (is_selected) {
                    $('.photoviewer-button-selected').css('background-color', '#0071bb')
                }
            }
            let btn_lg = $('.photoviewer-button').length
            for (let i = 0; i < btn_lg; i++) {
                let title = $($('.photoviewer-button')[i]).attr('title')
                if (title.includes('Prev') || title.includes('Next')) {
                    $($('.photoviewer-button')[i]).bind('click', click_arrow_btn)
                } else if (title.includes('Close')) {
                    $($('.photoviewer-button')[i]).bind('click', click_close_btn)
                } else if (title.includes('Fullscreen')) {
                    $($('.photoviewer-button')[i]).remove()
                    $(`<button class="photoviewer-button photoviewer-button-tocrop" title="Select Photo" onclick="click_fullscreen_btn()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" fill="currentColor" class="bi bi-image svg-inline-icon" viewBox="0 0 16 16">
                            <path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
                            <path d="M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z"/>
                        </svg>
                        </button>`).insertAfter('.photoviewer-button-prev')
                    $('.photoviewer-button-tocrop').bind('click', click_fullscreen_btn)
                } else if (title.includes('Maximize')) {
                    $($('.photoviewer-button')[i]).remove()
                } else if (title.includes('Actual')) {
                    $($('.photoviewer-button')[i]).remove()
                }
            }
        });
    })









    function click_arrow_btn(e) {
        let this_src = $('.photoviewer-image').attr('src')
        photos.forEach((e, i) => {
            if (this_src.includes(e)) {
                check_selected_photo_photoviewer(i)
            }
        })

    }

    function click_close_btn(e) {
        console.log('close');
    }

    function click_fullscreen_btn() {
        let this_src = $('.photoviewer-image').attr('src')
        let this_image = ''
        photos.forEach((e, i) => {
            if (this_src.includes(e)) {
                this_image = ($('.imgselect_new')[i])
                let picnumber = $(this_image).attr('photo_id')
                let photoname = $(this_image).attr('data-title')
                let url =
                    `<?php echo e(url('crop')); ?>?cid=<?php echo e(@$cid); ?>&hn=<?php echo e(@$case->hn); ?>&folderdate=<?php echo e(@$folderdate); ?>&photoname=${photoname}&caseuniq=<?php echo e(@$case->caseuniq); ?>&ppic=<?php echo e(@$procedure->img); ?>&photo_id=${picnumber}`
                location.href = url
            }
        })
    }

    function check_selected_photo_photoviewer(index) {
        let is_selected = $(`#bb${index+1}`).css('display') != 'none'
        if (is_selected) {
            $('.photoviewer-button-selected').css('background-color', '#0071bb')
        } else {
            $('.photoviewer-button-selected').css('background-color', 'rgba(0, 0, 0, .5)')
        }
    }

    function selected_photo() {
        let this_color = $('.photoviewer-button-selected').css('background-color')
        if (this_color == 'rgb(0, 113, 187)') {
            $('.photoviewer-button-selected').css('background-color', 'rgba(0, 0, 0, 0.5)')
        } else {
            $('.photoviewer-button-selected').css('background-color', '#0071bb')
        }

        let this_src = $('.photoviewer-image').attr('src')
        photos.forEach((e, i) => {
            if (this_src.includes(e)) {
                $($('.imgselect_new')[i]).click()
            }
        })
    }

    function refresh_page() {
        let url = "<?php echo e(url('')); ?>/procedure/<?php echo e($case->_id); ?>?select=1"
        location.href = url
    }

    function download_pac_pics() {
        $('#photopacs').click()
        for (let i = 0; i < $('.ck-pacimg').length; i++) {
            $($('.ck-pacimg')[i]).prop('checked', false)
        }
        pacs_ck = false
    }











    $('.zoomify_icon_all').click(function(e) {


        e.preventDefault()
        let picnumber = $(this).attr('pic_number')
        let title_elem = $(this).attr('title')
        let pic_index;


        if (title_elem == 'Drawing') {
            title_elem
            photos = []
            items = []
            let all_images = $('.img-thumbnail-all').length
            let photoname = $(this).attr('photoname')
            let index = 0

            for (let i = 0; i < all_images; i++) {
                if (i == 0) {
                    continue;
                }

                items.push({
                    src: $($('.img-thumbnail-all')[i]).attr('src'),
                    title: $($('.img-thumbnail-all')[i]).attr('data-title')
                })

                photos.push($($('.img-thumbnail-all')[i]).data('title'))
            }

            for (let j = 0; j < photos.length; j++) {
                if (photos[j] == photoname) {
                    index = j
                }
            }
            pic_index = index
        } else {
            // alert(2)
            items = []
            photos = []
            let all_images = $('.img-thumbnail-all').length
            for (let i = 0; i < all_images; i++) {
                items.push({
                    src: $($('.img-thumbnail-all')[i]).attr('src'),
                    title: $($('.img-thumbnail-all')[i]).attr('data-title')
                })
                photos.push($($('.img-thumbnail-all')[i]).data('title'))
            }
            pic_index = parseInt(picnumber) - 1
        }

        let options = {
            index: pic_index,
            modalWidth: min_pvWidth,
            modalHeight: min_pvHeight,
        }
        console.log(items);
        new PhotoViewer(items, options)
        $('.photoviewer-footer').css('position', 'relative')
        if (title_elem != 'Drawing') {
            $('.photoviewer-toolbar-footer').append(`
        <button class="photoviewer-button photoviewer-button-selected" title="Select Photo" onclick="selected_photo()">
            <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" fill="currentColor" class="bi bi-check svg-inline-icon" viewBox="0 0 16 16">
                <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/>
            </svg>
        </button>
    `)

            $('.photoviewer-stage').append(`
        <button style="position: absolute; right: 0; bottom: 0;" class=" btn btn-success waves-effect m-3" title="Select Photo" onclick="refresh_page()">
            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-check2-all" viewBox="0 0 16 16">
                <path d="M12.354 4.354a.5.5 0 0 0-.708-.708L5 10.293 1.854 7.146a.5.5 0 1 0-.708.708l3.5 3.5a.5.5 0 0 0 .708 0l7-7zm-4.208 7-.896-.897.707-.707.543.543 6.646-6.647a.5.5 0 0 1 .708.708l-7 7a.5.5 0 0 1-.708 0z"/>
                <path d="m5.354 7.146.896.897-.707.707-.897-.896a.5.5 0 1 1 .708-.708z"/>
            </svg>
            ยืนยันการเลือกรูป
        </button>
    `)
            let is_selected = $(`#bb${picnumber}`).css('display') != 'none'
            if (is_selected) {
                $('.photoviewer-button-selected').css('background-color', '#0071bb')
            }
        }
        let btn_lg = $('.photoviewer-button').length
        for (let i = 0; i < btn_lg; i++) {
            let title = $($('.photoviewer-button')[i]).attr('title')
            if (title.includes('Prev') || title.includes('Next')) {
                $($('.photoviewer-button')[i]).bind('click', click_arrow_btn)
            } else if (title.includes('Close')) {
                $($('.photoviewer-button')[i]).bind('click', click_close_btn)
            } else if (title.includes('Fullscreen')) {
                $($('.photoviewer-button')[i]).remove()
                $(`<button class="photoviewer-button photoviewer-button-tocrop" title="Select Photo" onclick="click_fullscreen_btn()">
            <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" fill="currentColor" class="bi bi-image svg-inline-icon" viewBox="0 0 16 16">
                <path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
                <path d="M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z"/>
            </svg>
            </button>`).insertAfter('.photoviewer-button-prev')
                $('.photoviewer-button-tocrop').bind('click', click_fullscreen_btn)
            } else if (title.includes('Maximize')) {
                $($('.photoviewer-button')[i]).remove()
            } else if (title.includes('Actual')) {
                $($('.photoviewer-button')[i]).remove()
            }
        }
    });
</script>
<?php /**PATH D:\laragon\htdocs\screening\resources\views/case/component/photo.blade.php ENDPATH**/ ?>