@extends('layouts.public-base', ['title' => 'Projects', 'is_inner_page' => true, 'back' =>
getRoute("project.index")])

@section('content')

<!----------Page content----------->
<div class="projects_listing">
    <div class="chat-show-drop d-lg-none d-flex">
        <a href="#comment">
            <i class="far fa-comments"></i>
        </a>
    </div>
    <div class="row">
        <div class="col-12 col-lg-8">
            <div class="summar-tab">
                <div class="d-flex justify-content-between Attachments-tabs">
                    <h4 class="summary-heading">{{$project->title ?? ''}}</h4>
                    <ul class="nav nav-tabs border-0" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home"
                                type="button" role="tab" aria-controls="home" aria-selected="true">Draft
                                Screens</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile"
                                type="button" role="tab" aria-controls="profile"
                                aria-selected="false">Information</button>
                        </li>
                    </ul>
                </div>
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                        <div class="draft-screen-data">
                            <div class="row items-row drafts-container-js">
                                @if ($project->status_slug === 'draft')
                                <div class="col-md-12">
                                    <div class="b-radius-10">
                                        <div class="Upload-new-draft b-radius-10">
                                            <div class="add-single-team-data">
                                                <h6 class="add-item-title text-uppercase">Your project is in
                                                    Draft</h6>
                                                <a href="{{ getRoute('project.edit', $project->id) }}?id={{ $project->project_type ?? '' }}"
                                                    class="btn gz-btn bg-color-red">
                                                    Publish
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @else
                                @include('inc.skeleton', ['key' => 'draft-items', 'number' => 6])
                                @endif
                            </div>

                            <div class="load-more-container text-center mt-3" style="display: none;">
                                <button type="button" class="btn btn-primary load-more-draft-js">Load More </button>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                        @include('customer.projects.project-information')
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-4">
            @include('customer.projects.project-sidebar', ['message_id' => $project->id, 'message_type' => get_class($project), 'project' => $project, 'show_status_bar' => true])
        </div>
    </div>
</div>


@if (getUser() && !isAnonymousUser())
<livewire:share.share-modal :projectId="$project->id" />
@endif

{{-- @include('customer.modals.message-modal') --}}
@include('inc.logo-loader')
@if (!isAnonymousUser())
@include('components.project.modals.attach-file')
@endif
@include('customer.modals.invite-user-modal')
<!-- modal brand profile -->
<div class="modal cus_mdal_wdth" id="b_profile">

</div>
<!-- modal brand profile -->
@endsection
@push('liveStyle')
<link href="{{asset('assets/front/css/jquery.fancybox.css?v='.time())}}" rel="stylesheet" rel="preload" as="style" />
<link href="{{ asset('assets/plugins/fancy-file-uploader/fancy_fileupload.css') }}" rel="stylesheet" rel="preload" as="style" />
@endpush
@push('liveScript')
<script>
    var project_id = '{{$project->id ?? ""}}';
    var project_status = '{{$project->status_slug ?? ""}}';
    var draft_id = "";
</script>
<script defer rel="nofollow" src="{{asset('assets/front/js/jquery.fancybox.js?v='.time())}}"></script>
<script defer type="text/javascript" src="{{ asset('assets/plugins/fancy-file-uploader/jquery.ui.widget.js') }}"></script>
<script defer type="text/javascript" src="{{ asset('assets/plugins/fancy-file-uploader/jquery.fileupload.js') }}"></script>
<script defer type="text/javascript" src="{{ asset('assets/plugins/fancy-file-uploader/jquery.iframe-transport.js') }}">
</script>
<script defer type="text/javascript" src="{{ asset('assets/plugins/fancy-file-uploader/jquery.fancy-fileupload.js') }}">
</script>
<script defer src="{{asset('assets/front/js/classes/draftClasses.js?v='.time())}}"></script>
<script defer src="{{ asset('assets/front/js/project-show.js?v='.time()) }}"></script>
<script defer src="{{ asset('assets/front/js/project-conversation.js?v='.time()) }}"></script>
<script defer src="{{ asset('assets/front/js/share-component.js?v='.time()) }}"></script>
<script defer>
    $(document).ready(function(){
        $('#project_share_modal').find('#share').addClass('show');
    });
</script>
@endpush