@extends('dashboard.dashboard_layouts.dashboard_master')

@section('admin_dashboard_title')
Campaign Content Creator
@endsection

@section('admin_dashboard_css')
<style>
    .campaingn_image{
        width:50px;
    }
    .campaign_website_content{
        margin-top:30px;
    }
    .campaingn_image {
    width: 50px;
    height: 50px;
    object-fit: contain;
    padding-bottom: 15px;
}
.creator_margin a {
    color: #000;
}
.creator_margin i.fas {
    background: #fff;
    color: #000;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    margin-right: 5px;
}
@media (min-width: 1200px) and (max-width: 1300px) {
    .card-body h5 {
    font-size: 0.9rem;
}
}
</style>
@endsection

@section('admin_dashboard_content')

<div class="content dashboard-content h-100">
    <h1 class="dashboard-content-h1">Campaign Content Creator</h1>
    <div class="content-wrap">

        <!-- main-content opened -->
        <div class="main-content horizontal-content" id="horizontal-content">
            <!-- container opened -->
            <div class="container container-wdith">
                {{-- <div class="row">
                    <div class="col-xl-5 col-lg-4 col-md-4 creator_margin">

                    <a class="d-none d-md-block d-xl-block d-xl-block d-xxl-block" href="{{ ($login_user->roles[0]->name == 'Client') ? route('client-dashboard') : route('dashboard') }}">  <i class="fas fa-arrow-left"></i> Return Back</a>

                    </div>
                    <div class="col-xl-8 col-lg-8 col-md-4 creator_margin">
                    </div>
                </div> --}}

                @php
                    $login_user_role_array = array('Admin' => 'dashboard', 'Client' => 'client-dashboard');
                @endphp

                <!-- breadcrumb -->
                <div class="breadcrumb-header justify-content-between">
                    <nav class="breadcrumb-4">
                        <ol class="breadcrumb breadcrumb-style1">
                            <li class="breadcrumb-item">
                                <a href="{{ $login_user_role_array[$login_user->roles[0]->name] }}">Dashboard</a>
                            </li>
                            <li class="breadcrumb-item active">Content Heading</li>
                        </ol>
                    </nav>
                </div>
                <!-- breadcrumb -->


                <div class="row mt-4">
                    @if($login_user->roles[0]->name == 'Content Creator')
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                        <a href="/campaign/material/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/campaign_material.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width" style="color: rgba(41, 171, 226, 1);">Campaign
                                        Material</h5>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                        <a href="/campaign/speech/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/campaign_speech.png')}}" alt="" class="campaingn_image campaign_speech_image">
                                    <h5 class="text-center mt-2 h5_width" style="color: rgba(41, 171, 226, 1);">Campaign Speech Writing
                                        </h5>
                                </div>
                            </div>
                        </a>

                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                        <a href="/campaign/socialmedia/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/social_media.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 pt-1 h5_width" style="color: rgba(41, 171, 226, 1);">Social
                                        Media Content</h5>
                                </div>
                            </div>
                        </a>

                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                        <a href="/campaign/email/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/email.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width email_campaign" style="color: rgba(41, 171, 226, 1);">Email Campaign
                                    </h5>
                                </div>
                            </div>
                        </a>

                    </div>
                    @elseif($login_user->roles[0]->name == 'Graphic Designer')
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">

                        <a href="/campaign/finalize/material/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/finalize.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width" style="color: rgba(41, 171, 226, 1);">Finalized
                                        Campaigning Material
                                    </h5>
                                </div>
                            </div>
                        </a>

                    </div>
                    @elseif($login_user->roles[0]->name == 'Web Developer')
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">

                        <a href="/campaign/website/content/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/website_content.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width campaign_website_content" style="color: rgba(41, 171, 226, 1);">Campaign Website Content
                                        </h5>
                                </div>
                            </div>
                        </a>
                    </div>
                    @elseif($login_user->roles[0]->name == 'Client')
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                        @if($login_user->assign_creator == NULL)
                            <div class="card campaign_material shadow-none tooltip1 hover-none" title="Content Creator is not Assign">
                                <img src="{{asset('/action_required.png')}}" style="position: absolute; z-index: -1;height: inherit;">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/campaign_material.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-4 h5_width" style="color: rgba(41, 171, 226, 1);">Campaign
                                        Material</h5>
                                </div>
                            </div>
                        @elseif($login_user->assign_creator != NULL)
                        <a href="/campaign/material/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/campaign_material.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width" style="color: rgba(41, 171, 226, 1);">Campaign
                                        Material</h5>
                                </div>
                            </div>
                        </a>
                        @endif
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12 " >
                        @if($login_user->assign_developer==NULL)
                            <div class="card campaign_material shadow-none tooltip1 hover-none" title="Campain Task is not Assign">
                            <img src="{{asset('/action_required.png')}}" style="position: absolute; z-index: -1;height: inherit;">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/website_content.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width  campaign_website_content" style="color: rgba(41, 171, 226, 1);">Campaign Website Content
                                        </h5>
                                </div>
                            </div>
                        @elseif($login_user->assign_developer !='')
                        <a href="/campaign/website/content/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/website_content.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width  campaign_website_content" style="color: rgba(41, 171, 226, 1);">Campaign Website Content
                                        </h5>
                                </div>
                            </div>
                        </a>
                        @endif
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                        @if($login_user->assign_creator == NULL)
                            <div class="card campaign_material shadow-none tooltip1 hover-none" title="Content Creator is not Assign">
                            <img src="{{asset('/action_required.png')}}" style="position: absolute; z-index: -1;height: inherit;">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/campaign_speech.png')}}" alt="" class="campaingn_image campaign_speech_image">
                                    <h5 class="text-center mt-2 h5_width" style="color: rgba(41, 171, 226, 1);">Campaign Speech Writing
                                        </h5>
                                </div>
                            </div>
                        @elseif($login_user->assign_creator != NULL)
                        <a href="/campaign/speech/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/campaign_speech.png')}}" alt="" class="campaingn_image campaign_speech_image">
                                    <h5 class="text-center mt-2 h5_width" style="color: rgba(41, 171, 226, 1);">Campaign Speech Writing
                                        </h5>
                                </div>
                            </div>
                        </a>
                        @endif
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                        @if($login_user->assign_creator == NULL)
                            <div class="card campaign_material shadow-none tooltip1 hover-none" title="Content Creator is not Assign">
                            <img src="{{asset('/action_required.png')}}" style="position: absolute; z-index: -1;height: inherit;">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/social_media.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 pt-1 h5_width" style="color: rgba(41, 171, 226, 1);">Social
                                        Media Content</h5>
                                </div>
                            </div>
                        @elseif($login_user->assign_creator != NULL)
                        <a href="/campaign/socialmedia/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/social_media.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 pt-1 h5_width" style="color: rgba(41, 171, 226, 1);">Social
                                        Media Content</h5>
                                </div>
                            </div>
                        </a>
                        @endif
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12 ">
                        @if($login_user->assign_designer==NULL)
                            <div class="card campaign_material shadow-none tooltip1 hover-none" title="Campain Task is Not Assign">
                            <img src="{{asset('/action_required.png')}}" style="position: absolute; z-index: -1;height: inherit;">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/finalize.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width" style="color: rgba(41, 171, 226, 1);">Finalized
                                        Campaigning Material
                                    </h5>
                                </div>
                            </div>
                        @elseif($login_user->assign_designer !='')
                        <a href="/campaign/finalize/material/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/finalize.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width" style="color: rgba(41, 171, 226, 1);">Finalized
                                        Campaigning Material
                                    </h5>
                                </div>
                            </div>
                        </a>
                        @endif
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                        @if($login_user->assign_creator == NULL)
                            <div class="card campaign_material shadow-none tooltip1 hover-none" title="Content Creator is not Assign">
                            <img src="{{asset('/action_required.png')}}" style="position: absolute; z-index: -1;height: inherit;">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/email.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width email_campaign" style="color: rgba(41, 171, 226, 1);">Email Campaign
                                    </h5>
                                </div>
                            </div>
                        @elseif($login_user->assign_creator != NULL)
                        <a href="/campaign/email/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/email.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width email_campaign" style="color: rgba(41, 171, 226, 1);">Email Campaign
                                    </h5>
                                </div>
                            </div>
                        </a>
                        @endif
                    </div>
                    @else
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                        <a href="/campaign/material/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/campaign_material.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width" style="color: rgba(41, 171, 226, 1);">Campaign
                                        Materials</h5>
                                </div>
                            </div>
                        </a>

                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                        <a href="/campaign/website/content/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/website_content.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width campaign_website_content" style="color: rgba(41, 171, 226, 1);">Campaign Website Content
                                        </h5>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                        <a href="/campaign/speech/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/campaign_speech.png')}}" alt="" class="campaingn_image campaign_speech_image">
                                    <h5 class="text-center mt-2 h5_width" style="color: rgba(41, 171, 226, 1);">Campaign Speech Writing
                                        </h5>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                        <a href="/campaign/socialmedia/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/social_media.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 pt-1 h5_width" style="color: rgba(41, 171, 226, 1);">Social
                                        Media Content</h5>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">

                        <a href="/campaign/finalize/material/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/finalize.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width" style="color: rgba(41, 171, 226, 1);">Finalized
                                        Campaigning Material
                                    </h5>
                                </div>
                            </div>
                        </a>

                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                        <a href="/campaign/email/{{$id}}">
                            <div class="card campaign_material shadow-none">
                                <div class="card-body text-center card_width campaign_material_margin">
                                    <img src="{{asset('/content/email.png')}}" alt="" class="campaingn_image">
                                    <h5 class="text-center mt-2 h5_width email_campaign" style="color: rgba(41, 171, 226, 1);">Email Campaign
                                    </h5>
                                </div>
                            </div>
                        </a>
                    </div>
                    @endif
                </div>
            </div>
        </div>

    </div>
</div>

<a href="#top" id="back-to-top"><i class="las la-angle-double-up"></i></a>

@endsection


@section('admin_dashboard_script')

<script>
    $(function() {
        $('.tooltip1').tooltip({
        position: {
            using: function( position, feedback ) {
            $( this ).css( position );
            $( ".tooltip1" )
                .addClass( "arrow" )
                .addClass( feedback.vertical )
                .addClass( feedback.horizontal )
                .appendTo( this );
            }
        }
        });
    });
</script>

@endsection