@extends('home::layouts.UserLayout')
@section('title')
    <title>{{env('WEBSITE_TITLE')}} - Accounts</title>
@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::Accounts-->
                <!--begin::Row-->
                <div class="row">
                    <div class="col-xl-12 card-stretch" id="ss-accountsDiv">
                        <div class="card card-custom gutter-b card-stretch acountDivCount">
                            <div class="card-header border-0 py-5">
                                <h3 class="card-title font-weight-bolder">Accounts</h3>
                                <div class="card-toolbar">
                                    <a href="javascript:;" class="btn btn-sm font-weight-bold mr-5 SendInviteDIv"
                                       data-toggle="modal"
                                       data-target="#inviteModal">
                                        Send Invite
                                    </a>
                                    <a href="javascript:;" class="btn btn-sm font-weight-bold" data-toggle="modal"
                                       data-target="#addAccountsModal">
                                        <i class="fas fa-plus fa-fw"></i> Add Accounts
                                    </a>
                                    <div id="addToCart" class="btn btn-icon text-hover-info btn-sm  ml-5 px-5"
                                         title="Add to custom Reports"><i class="fa fa-plus fa-md"
                                                                          aria-hidden="true"></i>
                                        <span node-id="ss-accountsDiv_md12" class="ss addtcartclose"></span>
                                    </div>
                                    <span class="spinner spinner-primary spinner-center" id="ss-accountsDiv_md12"
                                          style="
    display: none;"></span>
                                </div>
                            </div>
                            <!--end::Header-->

                            <!--begin::Body-->
                            <div class="card-body pt-2 position-relative overflow-hidden">
                                <div class="row d-flex justify-content-center">
                                                                        @if(isset($accountsCount))
                                        @if($accountsCount->code === 200)
                                            @foreach($accountsCount->data as $data)
                                                @switch($data->account_type)
                                                    @case(9)
                                                                                                        @break
                                                    @case(4)
                                                                                                        @break
                                                    @case(5)
                                                                                                        @break
                                                    @case(1)
                                                                                                        @break
                                                    @case(6)
                                                                                                        @break
                                                    @case(2)
                                                                                                        @break
                                                    @case(7)
                                                                                                        @break
                                                    @case(12)
                                                                                                        @break
                                                    @case(16)
                                                                                                        @break
                                                    @case(11)
                                                                                                        @break
                                                    @case(18)
                                                                                                        @break
                                                @endswitch
                                            @endforeach
                                        @endif
                                    @else
                                    @endif
                                    <div
                                            class="col-md-1 col-sm-12 card bg-facebook border-0 px-6 py-8 rounded-xl mr-4 mb-7">
                                                    <span class="svg-icon svg-icon-3x d-block my-2">
                                                         <i class="fab fa-facebook-f fa-2x"></i>
                                                        <b class="font-weight-bold font-size-h2 float-right">{{$facebook+$facebookpage}}</b>
                                                    </span>
                                    </div>
                                    <div
                                            class="col-md-1 col-sm-12 card bg-twitter border-0 px-6 py-8 rounded-xl mr-4 mb-7">
                                                    <span class="svg-icon svg-icon-3x d-block my-2">
                                                            <i class="fab fa-twitter fa-2x"></i>
                                                        <b class="font-weight-bold font-size-h2 float-right">{{$twitter}}</b>
                                                    </span>
                                    </div>
                                    <div
                                            class="col-md-1 col-sm-12 card bg-instagram border-0 px-6 py-8 rounded-xl mr-4 mb-7">
                                                    <span class="svg-icon svg-icon-3x d-block my-2">
                                                            <i class="fab fa-instagram fa-2x"></i>
                                                        <b class="font-weight-bold font-size-h2 float-right">{{$instagram+$instagramPages}}</b>
                                                    </span>
                                    </div>
                                    <div
                                            class="col-md-1 col-sm-12 card bg-linkedin border-0 px-6 py-8 rounded-xl mr-4 mb-7">
                                                    <span class="svg-icon svg-icon-3x d-block my-2">
                                                            <i class="fab fa-linkedin fa-2x"></i>
                                                        <b class="font-weight-bold font-size-h2 float-right">{{$linkedin+$linkedinBusiness}}</b>
                                                    </span>
                                    </div>
                                    <div
                                            class="col-md-1 col-sm-12 card bg-youtube border-0 px-6 py-8 rounded-xl mr-4 mb-7">
                                                    <span class="svg-icon svg-icon-3x d-block my-2">
                                                            <i class="fab fa-youtube fa-2x"></i>
                                                        <b class="font-weight-bold font-size-h2 float-right">{{$ytcount}}</b>
                                                    </span>
                                    </div>
                                    <div
                                            class="col-md-1 col-sm-12 card bg-pinterest border-0 px-6 py-8 rounded-xl mr-4 mb-7">
                                                    <span class="svg-icon svg-icon-3x d-block my-2">
                                                            <i class="fab fa-pinterest fa-2x"></i>
                                                        <b class="font-weight-bold font-size-h2 float-right">{{$pinterest}}</b>
                                                    </span>
                                    </div>
                                    <div
                                            class="col-md-1 col-sm-12 card bg-tumblr border-0 px-6 py-8 rounded-xl mr-4 mb-7">
                                                    <span class="svg-icon svg-icon-3x d-block my-2">
                                                            <i class="fab fa-tumblr fa-2x"></i>
                                                        <b class="font-weight-bold font-size-h2 float-right">{{$tumblr}}</b>
                                                    </span>
                                    </div>
                                        <div class="col-md-1 col-sm-12 card bg-tiktok border-0 px-6 py-8 rounded-xl mr-4 mb-7">
                                      <span class="svg-icon svg-icon-3x d-block my-2">
                                      <i class="fab fa-tiktok fa-2x"></i>
                                       <b class="font-weight-bold font-size-h2 float-right">{{$tiktok}}</b>
                                      </span>
                                    </div>

                                    {{--                                    <div--}}
                                    {{--                                            class="col-md-1 col-sm-12 card bg-google border-0 px-6 py-8 rounded-xl mr-4 mb-7">--}}
                                    {{--                                                    <span class="svg-icon svg-icon-3x d-block my-2">--}}
                                    {{--                                                            <i class="fab fa-google fa-2x"></i>--}}
                                    {{--                                                        <b class="font-weight-bold font-size-h2 float-right">0</b>--}}
                                    {{--                                                    </span>--}}
                                    {{--                                    </div>--}}
                                    <div class="col-md-1 col-sm-12 card border-0 px-3 py-4 rounded-xl mr-4 mb-7 text-center">
                                        <span class="post-count">{{$facebook+$facebookpage+$twitter+$instagram+$instagramPages+$linkedin+$linkedinBusiness+$ytcount+$pinterest+$tumblr+$tiktok}}</span>
                                        Total Accounts
                                    </div>
                                </div>

                            </div>
                            <!--end::Body-->
                        </div>
                        <!--end::Accounts-->
                    </div>
                </div>

                <div class="row searchFilterDiv">
                    <div class="col-md-3">
                        <div class="form-group">
                            <select class="form-control form-control-solid form-control-lg h-auto py-4 rounded-lg font-size-h6"
                                    onchange="updateStartValue(this)">
                                <option selected disabled>Select Star</option>
                                <option value="One">One</option>
                                <option value="Two">Two</option>
                                <option value="Three">Three</option>
                                <option value="Four">Four</option>
                                <option value="Five">Five</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <select class="form-control select2 form-control-solid form-control-lg h-auto py-4 rounded-lg font-size-h6"
                                    id="sb_select2_accounts" name="param" multiple="multiple">
                                <option value="1">Facebook</option>
                                <option value="2">Facebook Pages</option>
                                <option value="4">Twitter</option>
                                <option value="5">Instagram</option>
                                <option value="12">Instagram Business</option>
                                <option value="6">Linkedin</option>
                                <option value="7">Linkedin Pages</option>
                                <option value="9">Youtube</option>
                                <option value="16">Tumblr</option>
                                <option value="11">Pinterest</option>
                                <option value="18">TikTok</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <div class="input-icon">
                                <input class="form-control form-control-solid h-auto py-4 rounded-lg font-size-h6"
                                       id="userName"
                                       type="text" name="username" autocomplete="off" placeholder="User Name"/>
                                <span><i class="far fa-user"></i></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <button type="submit" class="btn font-weight-bolder font-size-h6 px-8 py-4"
                                onclick="searchAccountsFilter()">Search
                        </button>
                    </div>
                </div>

                <div class="row card-stretch" id="accountsDIv">
                                                                                @if(isset($ErrorMessage))
                        <div style="color: red;text-align:center;">
                            {{$ErrorMessage}}
                        </div>
                    @else
                        @if(isset($accounts))
                                                        @if($accounts->code  === 200 )
                                @if(count($accounts->data->teamSocialAccountDetails[0]->SocialAccount)!==0 )
                                    @foreach($accounts->data->teamSocialAccountDetails[0]->SocialAccount as $account)
                                        @if($account->account_type !== 13 && $account->account_type !== 14)
                                                                                                                                        @if($account->account_type === 1)