@extends('home::layouts.UserLayout')
@section('title')
    <title>{{env('WEBSITE_TITLE')}} | Twitter Feeds</title>
@endsection
@section('links')
    <link rel="stylesheet" type="text/css" href="/plugins/custom/dropify/dist/css/dropify.min.css"/>
    <link rel="stylesheet" type="text/css" href="{{asset('plugins/custom/emojionearea/css/emojionearea.min.css') }}"/>
    <link rel="stylesheet" type="text/css" href="/css/images-grid.css"/>
@endsection
@section('content')
    <!--begin::Content-->
    <div class="content  d-flex flex-column flex-column-fluid" id="Sb_content">

        <!--begin::Entry-->
        <div class="d-flex flex-column-fluid">
            <!--begin::Container-->
            <div class=" container-fluid ">
                <!--begin::Profile-->
                <!--begin::Row-->
                                                <div class="row" data-sticky-container>
                    <div class="col-xl-4">
                        <div class=" sticky" data-sticky="true" data-margin-top="180px" data-sticky-for="1023"
                             data-sticky-class="kt-sticky" style="margin-top:-20px;">

                            <!--begin::Profile-->
                            <div class="card card-custom gutter-b mb-4 mt-3">
                                @if($message=== 'success')
                                    @if(count($accounts)>0)
                                        @if($feeds['code']=== 200)
                                            <div
                                                    class="card-body py-3 position-relative overflow-hidden rounded  ribbon ribbon-top ribbon-ver">
                                                <div class="ribbon-target bg-twitter" style="top: -2px; right: 20px;">
                                                    <i class="fab fa-twitter dummy"></i>
                                                </div>
                                                <!--begin::User-->
                                                <div class="d-flex align-items-center" id="twitterProfileDiv">
                                                    <div
                                                            class="symbol symbol-60 symbol-xxl-100 mr-5 align-self-start align-self-xxl-center">
                                                        <div class="symbol-label"
                                                             style="background-image:url('{{$accounts[0]->profile_pic_url}}')"></div>
                                                        <i class="symbol-badge bg-success"></i>
                                                    </div>
                                                    <div>
                                                        <a href="{{$feeds['data']->socialAccountDetails->profile_url}}"
                                                           class="font-weight-bolder font-size-h5 text-hover-primary"
                                                           target="_blank">
                                                            {{$accounts[0]->first_name}}
                                                        </a>
                                                        <div class="text-muted">
                                                            {{$accounts[0]->email}}
                                                        </div>
                                                        <!-- begin:account star rating -->
                                                        <div class="rating-css">
                                                            <div class="star-icon">
                                                                <input type="radio"
                                                                        name="rating1{{$accounts[0]->account_id}}"
                                                                       id="rating1{{$accounts[0]->account_id}}"
                                                                       onclick="ratingUpdate('1', '{{$accounts[0]->account_id}}');">
                                                                <label
                                                                        for="rating1{{$accounts[0]->account_id}}"
                                                                        class="fas fa-star"></label>
                                                                <input type="radio"
                                                                        name="rating1{{$accounts[0]->account_id}}"
                                                                       id="rating2{{$accounts[0]->account_id}}"
                                                                       onclick="ratingUpdate('2', '{{$accounts[0]->account_id}}');">
                                                                <label
                                                                        for="rating2{{$accounts[0]->account_id}}"
                                                                        class="fas fa-star"></label>
                                                                <input type="radio"
                                                                        name="rating1{{$accounts[0]->account_id}}"
                                                                       id="rating3{{$accounts[0]->account_id}}"
                                                                       onclick="ratingUpdate('3', '{{$accounts[0]->account_id}}');">
                                                                <label
                                                                        for="rating3{{$accounts[0]->account_id}}"
                                                                        class="fas fa-star"></label>
                                                                <input type="radio"
                                                                        name="rating1{{$accounts[0]->account_id}}"
                                                                       id="rating4{{$accounts[0]->account_id}}"
                                                                       onclick="ratingUpdate('4', '{{$accounts[0]->account_id}}');">
                                                                <label
                                                                        for="rating4{{$accounts[0]->account_id}}"
                                                                        class="fas fa-star"></label>
                                                                <input type="radio"
                                                                        name="rating1{{$accounts[0]->account_id}}"
                                                                       id="rating5{{$accounts[0]->account_id}}"
                                                                       onclick="ratingUpdate('5', '{{$accounts[0]->account_id}}');">
                                                                <label
                                                                        for="rating5{{$accounts[0]->account_id}}"
                                                                        class="fas fa-star"></label>
                                                            </div>
                                                        </div>
                                                        <!-- end:account star rating -->

                                                    </div>
                                                </div>
                                                <!--end::User-->

                                                <!--begin::Contact-->
                                                @if($feeds['data']->SocialAccountStats !== null)
                                                    <div class="pt-3">
                                                        <div class="d-flex align-items-center justify-content-between mb-2">
                                                            <span class="font-weight-bold mr-2">Following:</span>
                                                            <a href="#"
                                                               class="text-hover-primary"
                                                               id="following_count">{{$feeds['data']->SocialAccountStats->following_count}}</a>
                                                        </div>
                                                        <div class="d-flex align-items-center justify-content-between mb-2">
                                                            <span class="font-weight-bold mr-2">Followers:</span>
                                                            <a href="#"
                                                               class="text-hover-primary"
                                                               id="follower_count">{{$feeds['data']->SocialAccountStats->follower_count}}</a>
                                                        </div>
                                                        <div class="d-flex align-items-center justify-content-between mb-2">
                                                            <span class="font-weight-bold mr-2">Feeds:</span>
                                                            <a href="#"
                                                               class="text-hover-primary"
                                                               id="feeds_count">{{$feeds['data']->SocialAccountStats->total_post_count}}</a>
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                        @else
                                            <div style="color: Red;text-align:center;">
                                                {{$feeds['message']}}
                                            </div>
                                        @endif
                                    @else
                                        <div style="color: Green;text-align:center;">
                                            Currently No Twitter account has been added for this team yet! or Account has been locked
                                        </div>
                                    @endif
                                @elseif($message=== 'No Twitter account added yet! or Account has locked')
                                    <div class="text-center">
                                        <div class="symbol symbol-150">
                                            <img src="/media/svg/illustrations/no-accounts.svg"/>
                                        </div>
                                        <h6>No Twitter account has been added for this team yet! or Account has been locked</h6>
                                    </div>
                                @elseif($message === 'failed')
                                    <div style="color: Red;text-align:center;">
                                        Sorry some error ,occurred please reload page
                                    </div>
                                @else
                                    <div style="color: Red;text-align:center;">
                                        {{$message}}
                                    </div>
                                @endif
                            </div>
                            <!--end::Profile-->
                            <div class="card card-custom gutter-b pb-3">
                                <div class="card-body px-3 py-3">
                                    <h3>Trending Hashtags</h3>
                                    <!-- begin:Accounts list -->
                                    <div class="row">
                                        <div class="col-6">
                                            <select
                                                    class="form-control form-control-solid form-control-lg h-auto py-2 rounded-lg font-size-h6 selectAccountsDiv"
                                                    onchange="call(this)">
                                                @if($message=== 'success')
                                                    <script>
                                                        var accounId = ;
                                                    </script>
                                                    <option disabled>Select Account</option>
                                                    @foreach($accounts as $data)
                                                        <option
                                                                value="{{$data->account_id}}">{{$data->first_name}}
                                                        </option>
                                                    @endforeach
                                                @elseif($message=== 'failed')
                                                    <option selected value="failed"> Sorry some error ,occurred please reload page
                                                    </option>
                                                @elseif($message=== 'No Twitter account added yet! or Account has locked')
                                                    <option selected value="failed">No Twitter account has been added for this team yet! or Account has been locked
                                                    </option>
                                                @else
                                                    <option selected value="failed"> {{$message}}
                                                    </option>
                                                @endif
                                            </select>
                                        </div>
                                        <div class="col-6">
                                            @if($message=== 'No Twitter account added yet! or Account has locked')
                                                <select id="countrySelect"
                                                        class="form-control form-control-solid form-control-lg h-auto py-2 rounded-lg font-size-h6"
                                                        > <option> Can not show country data as No Twitter account has been added for this team yet! or Account has been locked </option></select>
                                                @else
                                                <select id="countrySelect"
                                                        class="form-control form-control-solid form-control-lg h-auto py-2 rounded-lg font-size-h6"
                                                        onchange="call2(this)">
                                                    @if($message === 'success')
                                                        @if(count($accounts)>0)
                                                            @if($country['data']->code === 200)
                                                                @if(count($country['data']->data)>0)
                                                                    <option disabled selected value="Country">Select Country
                                                                    </option>
                                                                    font-size:12px;      @foreach($country['data']->data as $data)
                                                                        <option value="{{$data->name}}">{{$data->name}}</option>
                                                                    @endforeach
                                                                @else
                                                                    <option selected value="Country">No country Data found, For
                                                                        This account
                                                                    </option>
                                                                @endif
                                                            @elseif($country['data']->code === 400)
                                                                <option selected
                                                                        value="Country">{{$country['data']->message}}</option>
                                                            @endif
                                                        @else
                                                            <option selected value="Country">No Twitter Account added yet!
                                                            </option>
                                                        @endif
                                                    @elseif($message=== 'failed')
                                                        <option selected value="Country">Some error ocuured, Can not get country
                                                            data
                                                        </option>
                                                    @endif
                                                </select>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="text-center mt-4">
                                        <button href="javascript:;"
                                                class="btn btn-lg font-weight-bold  px-xxl-5 my-1 searchButton"
                                                onclick="searchHashTags()">Search Hashtags By
                                            country
                                        </button>
                                    </div>
                                    <!-- end:Accounts list -->
                                </div>

                                <div class="card-body hashtags-by-country pt-0" id="hashTagsDiv">
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="col-xl-8">
                        <!--begin::feeds-->
                        <div class="card card-custom gutter-b card-stretch" id="ss-feedsDiv">
                            <div class="card-header border-0 py-5">
                                <h3 class="card-title font-weight-bolder">Feeds</h3>
                            </div>
                            <div class="card-body" id="twitterFeeds">
                                                        @if($message=== 'success')
                                @if(count($accounts)>0)
                                    @if($feeds['code']=== 200)
                                        <!--begin::Text-->
                                            <script>
                                                var feedsLength =