@extends('site.master')
 <link rel="stylesheet" href="{{ asset('p/ckeditor5/ckeditor5.css')}}" />
 @section('t'){{$TitlePage}}@stop
@section('content')



        <div class="custom-container">

            
            <nav aria-label="breadcrumb" class="breadcrumb-container">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/">شیک مال</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{$TitlePage}}</li>
                </ol>
            </nav>

            <div class="row">

                
                <div class="col-12 mb-4">
                    <div class="box post-page">
                        <h2 class="post-title mt-2 mb-2">{{$TitlePage}}</h2>
                        <div class="post-details mb-3">
                            
                            <span class="btn rounded btn-light ms-auto"
                                  data-bs-toggle="modal" data-bs-target="#sharePageModal"><i class="icon-share-2 font-20"></i></span>
                        </div>
                                         
                                         @if($Photo1)
                                                <img src="/thumbnail/pages/{{$Photo1}}" alt="{{$TitlePage}}" class="img-fluid mb-3">
                        @endif
                        <div class="content-area">
                              @if($Text1)
                               @endif
                              @if($Text2)
                        @endif
@if($Photo2)
<p> <img src="/thumbnail/pages/{{$Photo2}}" alt="{{$TitlePage}}" class="img-fluid mb-3"></p>
  @endif
    @if($Text3)
      @endif
    @if($Text4)
            @endif

                        </div>
                    </div>
                </div>

                
                            </div>
                            
                            
                            
                            
        </div>

<div class="modal fade" id="sharePageModal" tabindex="-1" aria-labelledby="sharePageModal" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">اشتراک‌گذاری</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p class="mb-0">این صفحه را با دوستان خود به اشتراک بگذارید!</p>

                <input class="opacity-0 h-0" id="inputToCopy" type="text" readonly value="https://shikmall.ir/site/page?Page={{$_GET['Page']}}" aria-label="copy">
                <button class="btn btn-outline-dark w-100 mb-3 p-3 rounded-3" id="btnCopyLink">
                    <i class="icon-copy me-2"></i><span>کپی کردن لینک</span>
                </button>

                <div class="row">
                    <div class="col-lg-6 mb-3">
                        <a href="https://api.whatsapp.com/send?text=+989172858050" rel="nofollow" class="btn btn-dark btn-whatsapp w-100 p-3 rounded-3">
                            <i class="icon-whatsapp me-2"></i>
                            <span>واتساپ</span>
                        </a>
                    </div>
                    <div class="col-lg-6 mb-3">
                        <a href="" rel="nofollow" class="btn btn-dark btn-twitter w-100 p-3 rounded-3">
                            <i class="icon-twitter me-2"></i>
                            <span>توییتر</span>
                        </a>
                    </div>
                    <div class="col-lg-6 mb-3">
                        <a href="" rel="nofollow" class="btn btn-dark btn-telegram w-100 p-3 rounded-3">
                            <i class="icon-telegram me-2"></i>
                            <span>تلگرام</span>
                        </a>
                    </div>
                    <div class="col-lg-6 mb-3">
                        <a href="" rel="nofollow" class="btn btn-dark btn-facebook w-100 p-3 rounded-3">
                            <i class="icon-facebook me-2"></i>
                            <span>فیس بوک</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    
    
@stop





@section('extrajs')
 
@section('extraCss')

<style>
.marker-pink {
    background-color: #fc7899
}
.marker-yellow {
    background-color: #fdfd77
}
.marker-green {
    background-color: #62f962
}
.marker-blue {
    background-color: #72ccfd
}



    .text-tiny {
    font-size: 0.7em;
}

.text-small {
    font-size: 0.85em;
}

.text-big {
    font-size: 1.4em;
}

.text-huge {
    font-size: 1.8em;
}
</style>
@stop