@extends('site.master')
 @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)
                            <h3>{{$Text1}}</h3>
                             @endif
                              @if($Text2)
            <p>{{$Text2}}</p>
             @endif
@if($Photo2)
<p> <img src="/thumbnail/pages/{{$Photo2}}" alt="{{$TitlePage}}" class="img-fluid mb-3"></p>
  @endif
    @if($Text3)
  <h3>{{$Text3}}</h3>
   @endif
    @if($Text4)
            <p>{{$Text4}}</p>
 @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>
     <div class="main-container">
            <div id="editor">
                <p>Hello from CKEditor 5!</p>
            </div>
		</div>

    
@stop




@section('extrajs')

<script type="importmap" >
    
    {
        	"imports": {
					"ckeditor5": "{{ asset('p/ckeditor5/ckeditor5.js')}}",
					"ckeditor5/": "{{ asset('p/ckeditor5')}}",
						"fa": "{{ asset('p/ckeditor5/translations/fa.js')}}",
					"fa/": "{{ asset('p/ckeditor5/translations')}}"
				}
    }
</script>
<script  type="module" src="{{ asset('sites/js/ckeditor.js')}}"></script>
        <!-- A friendly reminder to run on a server, remove this during the integration. -->
        <script>
		        window.onload = function() {
		            if ( window.location.protocol === "file:" ) {
		                alert( "This sample requires an HTTP server. Please serve this file with a web server." );
		            }
		        };
		</script>

@section('extraCss')
<link rel="stylesheet" href="{{ asset('p/ckeditor5/ckeditor5.css')}}">
        
@stop