


<?php $__env->startSection('title'); ?>
<?php echo e(__('Project detail')); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('css'); ?>
<style>
    .popup {
        width: 900px;
        margin: auto;
        text-align: center
    }

    .popup img {
        width: 200px;
        height: 200px;
        cursor: pointer
    }

    .show {
        z-index: 999;
        /* display: none; */
    }

    .show .overlay {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .66);
        position: absolute;
        top: 0;
        left: 0;
    }

    .show .img-show {
        width: 600px;
        height: 400px;
        background: #FFF;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        overflow: hidden
    }

    .img-show span {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 99;
        cursor: pointer;
    }

    .img-show img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    /*End style*/

</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('breadcrumb'); ?>
<div class="row page-title">
    <div class="col-sm-8 col-xl-6">
        <h3 class="mb-1 mt-0">Villas</h3>
        <nav aria-label="breadcrumb" class="float-left mt-1">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="<?php echo e(route('dashboard')); ?>"><?php echo e(__('Home')); ?></a></li>
                <li class="breadcrumb-item"><a href="<?php echo e(route('project-list')); ?>"><?php echo e(__('Project list')); ?></a></li>
                <li class="breadcrumb-item active" aria-current="page"><?php echo e(__('Project detail')); ?></li>
            </ol>
        </nav>
    </div>
    <div class="col-sm-4 col-xl-6 text-sm-right">
        <div class="btn-group ml-2 d-none d-sm-inline-block">
            <a href="<?php echo e(route('project-edit')); ?>" role="button" class="btn btn-soft-primary btn-sm"><i
                    class="uil uil-edit mr-1"></i><?php echo e(__('Edit')); ?></a>

        </div>
        <div class="btn-group d-none d-sm-inline-block">
            <button type="button" class="btn btn-soft-danger btn-sm"><i
                    class="uil uil-trash-alt mr-1"></i><?php echo e(__('Delete')); ?></button>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<!-- details-->
<div class="row">

    <div class="col-xl-12">
        <div class=" ">
            <img id="user_photo_selected" src="<?php echo e(asset('assets/images/projects/project-10.jpg')); ?>" class="img-fluid"
                style="width:100%; height:410px; object-fit:cover;" alt="">

        </div>
    </div>
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">
                <h5 class="header-title mb-4 mt-0"><?php echo e(__('Details')); ?></h5>

                <ul class="nav nav-pills navtab-bg nav-justified">
                    <li class="nav-item">
                        <a href="#description" data-toggle="tab" aria-expanded="false" class="nav-link active">
                            <span class="d-block d-sm-none"><i class="uil-home-alt"></i></span>
                            <span class="d-none d-sm-block"><?php echo e(__('Description')); ?></span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#images" data-toggle="tab" aria-expanded="true" class="nav-link ">
                            <span class="d-block d-sm-none"><i class=" uil-comment-alt-image "></i></span>
                            <span class="d-none d-sm-block"><?php echo e(__('Images')); ?></span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#files" data-toggle="tab" aria-expanded="false" class="nav-link">
                            <span class="d-block d-sm-none"><i class="uil-file"></i></span>
                            <span class="d-none d-sm-block"><?php echo e(__('Files')); ?></span>
                        </a>
                    </li>
                </ul>
                <div class="tab-content text-muted">
                    <div class="tab-pane  active" id="description">
                        <p>To an English person, it will seem like simplified English, as a skeptical Cambridge friend
                            of
                            mine told me what Occidental is. The European languages are members of the same family.
                            Their
                            separate existence is a myth.</p>
                        <p>Everyone realizes why a new common language would be desirable: one could refuse to pay
                            expensive
                            translators. To achieve this, it would be necessary to have uniform grammar, pronunciation
                            and
                            more common words. If several languages coalesce, the grammar of the resulting language is
                            more
                            simple and regular than that of the individual languages.</p>
                    </div>
                    <div class="tab-pane  " id="images">
                        <div class="popup justufy-content-left" >
                            <img src="<?php echo e(asset('assets/images/projects/project-10.jpg')); ?>" style="object-fit:cover;" class="rounded">
                            <img src="<?php echo e(asset('assets/images/projects/project-8.jpg')); ?>" style="object-fit:cover;" class="rounded">
                            <img src="<?php echo e(asset('assets/images/projects/project-9.jpg')); ?>" style="object-fit:cover;" class="rounded">
                        </div>
                        <div class="show">
                            <div class="overlay"></div>
                            <div class="img-show">
                                <span>X</span>
                                <img src="">
                            </div>
                        </div>
                        <!--End image popup-->
                    </div>
                    <div class="tab-pane" id="files">
                        <div class="card mb-2 shadow-none border">
                            <div class="p-1 px-2">
                                <div class="row align-items-center">
                                    <div class="col-auto">
                                        <img src="/assets/images/projects/project-1.jpg" class="avatar-sm rounded"
                                            alt="file-image">
                                    </div>
                                    <div class="col pl-0">
                                        <a href="javascript:void(0);"
                                            class="text-muted font-weight-bold">sales-assets.zip</a>
                                        <p class="mb-0">2.3 MB</p>
                                    </div>
                                    <div class="col-auto">
                                        <!-- Button -->
                                        <a href="javascript:void(0);" data-toggle="tooltip" data-placement="bottom"
                                            title="Download" class="btn btn-link text-muted btn-lg p-0">
                                            <i class='uil uil-cloud-download font-size-14'></i>
                                        </a>
                                        <a href="javascript:void(0);" data-toggle="tooltip" data-placement="bottom"
                                            title="Delete" class="btn btn-link text-danger btn-lg p-0">
                                            <i class='uil uil-multiply font-size-14'></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card mb-2 shadow-none border">
                            <div class="p-1 px-2">
                                <div class="row align-items-center">
                                    <div class="col-auto">
                                        <img src="/assets/images/projects/project-2.jpg" class="avatar-sm rounded"
                                            alt="file-image">
                                    </div>
                                    <div class="col pl-0">
                                        <a href="javascript:void(0);"
                                            class="text-muted font-weight-bold">new-contarcts.docx</a>
                                        <p class="mb-0">1.25 MB</p>
                                    </div>
                                    <div class="col-auto">
                                        <!-- Button -->
                                        <a href="javascript:void(0);" data-toggle="tooltip" data-placement="bottom"
                                            title="Download" class="btn btn-link text-muted btn-lg p-0">
                                            <i class='uil uil-cloud-download font-size-14'></i>
                                        </a>
                                        <a href="javascript:void(0);" data-toggle="tooltip" data-placement="bottom"
                                            title="Delete" class="btn btn-link text-danger btn-lg p-0">
                                            <i class='uil uil-multiply font-size-14'></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end attachments -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end row -->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('script-bottom'); ?>
<script>
    $(function () {
        "use strict";

        $(".popup img").click(function () {
            var $src = $(this).attr("src");
            $(".show").fadeIn();
            $(".img-show img").attr("src", $src);
        });

        $("span, .overlay").click(function () {
            $(".show").fadeOut();
        });

    });

</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH G:\php\www\laravel\baramdat\hvg\hvg\resources\views/general/project/project-detail.blade.php ENDPATH**/ ?>