@extends('layouts.app')
@section('content')
@include('amazonDashboards.modals.modal_amazonDashboard_settings')
@include('amazonDashboards.modals.modal_bqImportReportStatus')
@include('amazonDashboards.modals.modal_bqEntityReportStatus')
@include('amazonDashboards.modals.modal_settings')
@include('amazonDashboards.modals.modal_csvBiddingToolAdGroup')
@include('amazonDashboards.modals.modal_csvBiddingToolSPTargets')
@include('amazonDashboards.modals.modal_csvBiddingToolSBTargets')
@include('amazonDashboards.modals.modal_csvBiddingToolSPPlacement')
@include('amazonDashboards.modals.modal_csvImportSbCampaign_builder')
@include('amazonDashboards.modals.modal_campaignCSVImport')
@include('amazonDashboards.modals.modal_amazonMaualCampaign_settings')
@include('amazonDashboards.modals.modal_amazonAutoAd')
<div class="google-dashboard-container">
    <input id="auto_create_csrf_token" type="hidden" value="{{ csrf_token() }}">
    <div class="row mb-3">
        <div class="col-md-2">
            <h6 class="account mt-2">Customers Accounts : </h6>
        </div>
        <div class="col-md-4">
            <form id="change-amazon-account" method="get">
                <select class="form-control account form-select" name="amazonAccount" id="amazonAccount">

                    @foreach ($prospectCredentialsList as $prospectCredential)
                    <option {{ $prospectCredential->account_number == $selectedProspectCredential ? 'selected' : '' }} value="{{ $prospectCredential->account_number }}">
                        {{ ucfirst($prospectCredential->account_name == '' ? $prospectCredential->name : $prospectCredential->account_name) . " (" . $prospectCredential->account_number . ")" }}

                    </option>
                    @endforeach
                </select>

            </form>
        </div>

        <div class="col-md-2">
            <h6 class="account ms-5 mt-2">Account Name :</h6>
        </div>
        <div class="col-md-2 mt-2" style="display: flex;">
            <p id="accntName">{{$accountName}}
            </p>
            <span id="edit_accountname"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil ms-2" viewBox="0 0 18 18">
                    <path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z" />
                </svg></span>
        </div>
    </div>

    <div class="modal" id="editAccntName" type='hidden'>
        <input id="edit_account_csrf_token" type="hidden" value="{{ csrf_token() }}">
        <div class="modal-dialog modal-lg">
            <div class="modal-content modal-activity-box">
                <div class="modal-header">
                    <h4 class="modal-title "><strong>Edit Account Name</strong></h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <input id="edit_accName" value="" />
                        <div class="form-group col-lg-12 col-md-12 col-sm-12">
                            <button id="submitBtn" type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container bg-white border border-3 border-dark px-4 py-2">
        <input id="amazon_dashboard_modal" type="hidden" value="{{ csrf_token() }}">
        @if (count($accountDetails) > 0)
        @foreach($accountDetails as $accountDetail)
        <div class="row border border-1 border-dark my-2 p-3">
            <div class="col-2 d-flex align-items-center">
                <div id="view_" class="row text-center countView" data-isloaded="false" data-id="">
                    <div class="col-6">Campaigns: <br /><span id="campaign_" data-account-id="">{{$accountDetail->num_adgroups}}</span></div>
                    <div class="col-6">Adgroups: <br /><span id="adgroup_" data-account-id="">{{$accountDetail->num_campaigns}}</span></div>
                </div>
            </div>
            <div class="col-10">
                <div class="row d-flex align-items-center">
                    <div class="col-3">
                        <div class="dropdown">
                            <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownbiddingtool" data-bs-toggle="dropdown" aria-expanded="false">
                                BigQuery Import
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="dropdownbiddingtool">
                                <li>
                                    <a class="dropdown-item bqReportBtn" href="#{{$accountDetail->account_number}}" data-customerid="{{$accountDetail->account_number}}">
                                        Report Download Status
                                    </a>
                                </li>
                                <li>
                                    <a id="amazonBqEntityStatus" class="dropdown-item amazonBqEntityStatus" href="#{{$accountDetail->account_number}}" data-toggle="modal" data-target="#reportModalTitle" data-customerid="{{$accountDetail->account_number}}" class="entity_btn">Entity Download Status</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-3">
                        @php
                        $isImportedshopAds = App\Http\Controllers\AmazonAccountEntites\AmazonImportAccountController::getAccountImportedOrNot($accountDetail->account_number,2);
                        @endphp
                        <div class="dropdown shopAds-btn">
                            <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownshoppingads" data-bs-toggle="dropdown" aria-expanded="false">
                                Shopping Ads
                            </a>
                            <input class="hiddenshopAds" type="hidden" value="{{$isImportedshopAds['status']}}" />
                            <!-- <div class="modal" id="Shoppingads" type='hidden'>
                                <input id="edit_account_csrf_token" type="hidden" value="{{ csrf_token() }}">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content modal-activity-box">
                                        <div class="modal-header" style="border-bottom : 0;">
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <div class="row text-center">
                                                <h4>Not Available Now</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> -->
                             <ul class="dropdown-menu" aria-labelledby="dropdownshoppingads">
                                <li>
                                    <a class="dropdown-item create_azauto_settings" href="#" data-bs-toggle="modal" data-bs-target="#amazonGlobalAutoModal" data-customerid="{{$accountDetail->account_number}}" data-account-name="">
                                        Auto Create Ads Settings
                                    </a>
                                </li>
                                <li>
                                    <a class="dropdown-item create_Manual_settings" href="#" data-bs-toggle="modal" data-bs-target="#amazonGlobalManualCampaign" data-customerid="{{$accountDetail->account_number}}" data-account-name="">
                                        Manual Campaign Settings
                                    </a>
                                </li>
                                <li>
                                    <a class="dropdown-item csv_amazon_campaignImportCSV" href="#" data-bs-toggle="modal" data-bs-target="#csv_amazon_campaignImportCSV" data-account-id="{{$accountDetail->account_number}}" data-account-name="">
                                        Amazon Campaign Builder-CSV Import
                                    </a>
                                </li>
                                <li>
                                    <a class="dropdown-item amazon_sponsored_brands_campaign_tool" href="#" data-bs-toggle="#csv_amazon_sb_campaign_builder" data-bs-target="#sku-tool-modal" data-account-id="{{$accountDetail->account_number}}" value="{{$accountDetail->account_number}}" data-account-name="">
                                        Amazon Sponsored Brands Campaign Builder Tool
                                    </a>
                                </li>
                            </ul>
                        
                        </div>
                    </div>
                    <div class="col-2">
                        @php
                        $isImported = App\Http\Controllers\AmazonAccountEntites\AmazonImportAccountController::getAccountImportedOrNot($accountDetail->account_number,1);
                        @endphp
                        <div class="dropdown bidding-btn">
                            <a class="btn btn-secondary dropdown-toggle " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                Bidding Tool

                            </a>
                            <input class="hiddenBiddingTool" type="hidden" value="{{$isImported['status']}}" />
                            <ul class="dropdown-menu" aria-labelledby="dropdownshoppingads">
                                <li>
                                    <a class="dropdown-item csv_amazon_target_import_sp" href="#" data-bs-toggle="modal" data-bs-target="#csv_amazon_adgroup_import_sp" data-account-id="{{$accountDetail->account_number}}" data-account-name="">
                                        Sponsored Product Adgroups: CSV Import
                                    </a>
                                </li>
                                <li>
                                    <a class="dropdown-item csv_amazon_SPTargets_import_sp" href="#" data-bs-toggle="modal" data-bs-target="#csv_amazon_SPTargets_import_sp" data-account-id="{{$accountDetail->account_number}}" data-account-name="">
                                        Sponsored Product Targets: CSV Import
                                    </a>
                                </li>
                                <li>
                                    <a class="dropdown-item sku_tool csv_amazon_SBTargets_import_sp" href="#" data-bs-toggle="modal" data-bs-target="#csv_amazon_SBTargets_import_sp" data-account-id="{{$accountDetail->account_number}}">
                                        Sponsored Brand Targets: CSV Import
                                    </a>
                                </li>
                                <li>
                                    <a class="dropdown-item csv_amazon_SPPlacement_import_sp" href="#" data-bs-toggle="modal" data-bs-target="#csv_amazon_SPPlacement_import_sp" data-account-id="{{$accountDetail->account_number}}">
                                        SP Campaign Placement Bids: CSV Import
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-2">
                        <a class="btn btn-secondary settingPopup" href="#" data-bs-toggle="modal" data-bs-target="#settings-modal" data-account-id="{{$accountDetail->account_number}}" data-account-name="">
                            Settings
                        </a>
                    </div>
                    <div class="col-2">
                        <div class="info-area ps-3">
                            <input type="hidden" class="a_number" value="{{$accountDetail->account_number}}" />
                            <div class="name badge rounded-pill bg-success"><span id="accName{{$accountDetail->account_number}}">{{$accountDetail->name}}</span> ({{$accountDetail->company_name}})</div>
                            <span class="glyphicon glyphicon-pencil companyedit" style="cursor:pointer;"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil" viewBox="0 0 18 18">
                                    <path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z" />
                                </svg></span>
                            <div class="account_number">{{$accountDetail->account_number}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="modal" id="biddingtools" type='hidden'>
            <div class="modal-dialog modal-lg">
                <div class="modal-content modal-activity-box">
                    <div class="modal-header" style="border-bottom : 0;">
                        <button type="button" class="btn-close closeBiddingTool" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">

                        <div class="row text-center popupMessage">                            
                            <h4>To use Bidding tool for this account, you have to import it first, which can be done <a href="{{ url('/importAmazonBiddingAccounts') }}" target="_blank">here</a></h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="modal" id="editcpnytName" type='hidden'>
            <input id="edit_companyName_csrf_token" type="hidden" value="{{ csrf_token() }}">
            <input id="edit_companyName_number" type="hidden" value="">

            <div class="modal-dialog modal-lg">
                <div class="modal-content modal-activity-box">
                    <div class="modal-header">
                        <h4 class="modal-title "><strong>Edit Account Name</strong></h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <input id="edit_cpnyName" value="" />
                            <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                <button id="submitBtnn" type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endforeach

        @else
        <div class="row text-center alert alert-danger mb-0">
            <div class="col-12">
                <span class="">No accounts</span>
            </div>
        </div>
        @endif
        @if((Config::get('constants.authURLS.isamazonImportFinish') == 1) && (Config::get('constants.authURLS.isauthButtonShow') == 1))
        <div class="row border border-1 border-dark my-2 p-3">
            <div class="col-sm-5 col-md-4 col-lg-5">

            </div>
            <div class="col-sm-4 col-md-4 col-lg-3 d-flex align-items-center text-center">
                <button type="button" data-target="#manageAmazonAccountModal" id="manageAmazaonSettings" class="btn btn-sm btn-outline-secondary new_settings" data-id="0" data-operation="save" data-username="" data-useremail="">Manage Your Amazon Accounts
                    <span style="width: 1rem; height: 1rem;" class="createnewsetting" role="status" aria-hidden="true"></span>
                    <span class="sr-only"></span>
                </button>
            </div>
            <div class="col-sm-4 col-md-4 col-lg-4">

            </div>
        </div>
        @endif
    </div>
</div>

@include('amazonDashboards.js.js_amazonDashboard')
@include('amazonDashboards.js.js_campaignCSVImport')
@include('amazonDashboards.js.js_amazonManualCampaign')
@include('amazonDashboards.js.js_csvBiddingToolSPAdgroup')
@include('amazonDashboards.js.js_csvBiddingToolSpTargets')
@include('amazonDashboards.js.js_csvBiddingToolSBTargets')
@include('amazonDashboards.js.js_csvBiddingToolSPPlacement')
@include('amazonDashboards.js.js_amazonAutoAd')
@include('amazonDashboards.js.js_csvSbCampaignBuilder')
@endsection