@extends('admin.layout.layout')

@section('content')
    <style>
        .custom ::-webkit-input-placeholder {
            color: #3498db;
        }

        /* Firefox */
        .custom ::-moz-placeholder {
            color: #3498db;
        }

        /* IE */
        .custom :-ms-input-placeholder {
            color: #3498db;
        }
        th.hide_me, td.hide_me {display: none;}
        /*input[type="date"]::-webkit-inner-spin-button,*/
        /*input[type="date"]::-webkit-calendar-picker-indicator {*/
        /*    display: none;*/
        /*    -webkit-appearance: none;*/
        /*}*/
        input[type="date"]::-webkit-calendar-picker-indicator {
            color: transparent;
            background: none;
            z-index: 1;
        }
        input[type="date"]{
            padding: 3px;
        }
        input[type="date"]:before {
            color: cyan;
            background: none;
            display: block;
            font-family: 'FontAwesome';
            content: '\f073';
            width: 15px;
            height: 20px;
            position: absolute;
            top: 8px;
            right: 13px;
        }
        .custom-form-control-danger:before {
            color:#FA2256 !important;
            top:6px !important;
        }
        .uil-search:before {
            position: relative;
            top: 3px !important;
        }
        .uil-microphone:before {
            content: '\e995';
            top: -11px;
            position: relative;
        }
        .owl-carousel .owl-nav.disabled {
            display: block !important;
        }
        .owl-nav {
            text-align: center;
        }
        .owl-carousel .owl-stage-outer {
        }
        .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
            padding: 7px 21px !important;
            background: #141518;
            border: 1px solid cyan;
            border-radius: 8px;
            color: cyan;
            margin:5px;
            width: 114px;
        }
        button.owl-prev::after {
            content: " Previous";
        }
        button.owl-next:before {
            content: "Next ";
        }
    </style>
    <div class="main-content">

        <div class="page-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12 text-right">
                        <p class="page-title">dnmeta / MyProfolio</p>
                    </div>
                </div>
            </div>
            <div class="container-fluid">
                <div class="row my-3">
                    <div class="col-md-4">
                        <div class="row">
                            <div class="col-md-4 text-center pr-0">
                                <div  style="position: relative;top:105px;">
                                    <img src="{{asset('assets/images')}}/zdomain/portfolio/right-bar-circle.png" alt="" class="img-fluid img-80">
                                    <div class="centered">{{$notForSale}}</div>
                                    <p class="circle-description pt-2">NOT FOR SALE</p>
                                </div>

                            </div>
                            <div class="col-md-6 text-center pl-0">
                                <div  style="position: relative">
                                    <img src="{{asset('assets/images')}}/zdomain/portfolio/left-bar-circle.png" alt="" class="img-fluid img-70">
                                    <div class="centered-for-sale">{{$forSale}}</div>
                                    <p class="for-sale-description pt-2">FOR SALE</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 text-center py-5">
                        <div  style="position: relative">
                            <img src="{{asset('assets/images')}}/zdomain/portfolio/total-domain-box.png" alt="" class="img-fluid img-70">
                            <div class="total-domain-centered">{{$domainsCount}}</div>
                            <div class="total-domain-text-centered">TOTAL DOMAINS</div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="row">
                            <div class="col-md-2"></div>
                            <div class="col-md-6 text-center pl-0">
                                <div  style="position: relative">
                                    <img src="{{asset('assets/images')}}/zdomain/portfolio/left-bar-circle.png" alt="" class="img-fluid img-70">
                                    <div class="centered-for-sale ">236</div>
                                    <p class="for-sale-description pt-2">DN MONETIZER</p>
                                </div>
                            </div>
                            <div class="col-md-4 text-center pr-0">
                                <div  style="position: relative;top:105px;">
                                    <img src="{{asset('assets/images')}}/zdomain/portfolio/right-bar-circle.png" alt="" class="img-fluid img-80">
                                    <div class="centered">18</div>
                                    <p class="circle-description pt-2">IN DEV</p>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                <div class="row mt-5">
                    <div class="col-md-3">
                        <div class="card dashboard-domains-card">
                            <div class="card-body  p-2">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <h4 class="my-2">Domains By </h4>
                                            <h3 class="my-2">Registrar</h3>
                                        </div>
                                        <div class="col-md-4">
                                            <img src="{{asset('assets')}}/images/zdomain/portfolio/ww.png" alt="" class="pb-1">
                                            <button class="btn btn-sm btn-view"  data-toggle="modal" data-target="#slider-modal">View</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card dashboard-domains-card">
                            <div class="card-body  p-2">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <h4 class="my-2">Domains By </h4>
                                            <h3 class="my-2 tlds-text">TLD’s</h3>
                                        </div>
                                        <div class="col-md-4">
                                            <img src="{{asset('assets')}}/images/zdomain/portfolio/tld-logo.png" alt="" class="pb-1">
                                            <button class="btn btn-sm tlds-btn" data-toggle="modal" data-target="#tlds-slider-modal">View</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card dashboard-domains-card">
                            <div class="card-body  p-2">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <h4 class="my-2">Domains By </h4>
                                            <h3 class="my-2 nameserver-text font-23">Nameservers</h3>
                                        </div>
                                        <div class="col-md-4">
                                            <img src="{{asset('assets')}}/images/zdomain/portfolio/nameserver-logo.png" alt="" class="pb-1">
                                            <button class="btn btn-sm nameserver-btn" data-toggle="modal" data-target="#portfolio-slider-modal">View</button>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card dashboard-domains-card">
                            <div class="card-body  p-2">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <h4 class="my-2">Domains By </h4>
                                            <h3 class="my-2 more-option-text font-23">More Options</h3>
                                        </div>
                                        <div class="col-md-4">
                                            <img src="{{asset('assets')}}/images/zdomain/portfolio/more-logo.png" alt="" class="pb-1">
                                            <button class="btn btn-sm more-option-btn">View</button>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 text-right">

                    <!--                    <div class="tooltip">
                        <img src="{{asset('assets/images')}}/zdomain/domain-table-logo.png" alt="">
                        <span class="tooltiptext">ns1.DNmeta.com ns2.DNmeta.com</span>
                    </div>-->
                    </div>
                </div>
                <div class="row my-3">

                    <div class="col-md-6">
                        <h4 class="portfolio-heading pl-4" data-toggle="modal" data-target="#modal-without-slider">My Portfolio</h4>
                    </div>
                    <!-- Button trigger modal -->

                    <div class="col-md-6 text-right">
                        <a href="{{asset('console/admin/export/domain')}}" class="btn btn-lg bulk-export-btn"><span class="pt-1">Bulk Export</span> <span class=""><img
                                    class="download-sign ml-2"  src="{{asset('assets/images')}}/zdomain/portfolio/download-btn.png" alt=""></span></a>
                        <button class="btn btn-lg bulk-export-btn ml-3" data-toggle="modal" data-target="#bulk-import-modal"><span class="pt-1">Bulk Import </span><span class=""><img
                                    class="download-sign import-icon ml-2"  src="{{asset('assets/images')}}/zdomain/portfolio/import-icon.png" alt=""></span></button>

                    </div>

                </div>

                <div class="parent-div-datatable">
                    <div class="row">
                        <div class="col-md-6" id="datatable-top">
                            <div class="row align-self-center">
                                <div class="col-md-12 ml-3 button-page">
                                    <button class="badge badge-bg badge-bg-display m-auto  datatable-badge-active">Display</button>
                                    <button class="button-page badge badge-bg card-m-2 datatable-badge-active" id="10-pg" onclick="dataTablePage('10')">10</button>
                                    <button class="button-page badge badge-bg card-m-2" id="25-pg" onclick="dataTablePage('25')">25</button>
                                    <button class=" button-page badge badge-bg card-m-2"  id="50-pg" onclick="dataTablePage('50')">50</button>
                                    <button class="badge badge-bg card-m-2 datatable-badge-active"><img width="10px" src="{{asset('assets/images')}}/zdomain/portfolio/dt-dropdown.png" alt="" class="dt-dropdown"></button>
                                </div>
                                <div class="col-md-12 ml-3 mt-2">
                                    <p class="Royalblue pt-2 custom-font-family">2 Domains Selected</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{--                        <div class="col-md-6 data-column-dropdown-div pl-5">--}}
                    {{--                            <div class="datatable-search pl-5 ml-3">--}}
                    {{--                                <form class="app-search  d-lg-block">--}}
                    {{--                                    <div class="position-relative">--}}
                    {{--                                        <div class="selectParent">--}}
                    {{--                                            <select type="text" class="data-columns form-control custom-font-family bg-search-text" placeholder="Data Columns">--}}
                    {{--                                                <option value="" select>Data Columns</option>--}}
                    {{--                                                <option value="">Domains</option>--}}
                    {{--                                            </select>--}}
                    {{--                                        </div>--}}
                    <img class="uil-plus-minus" src="{{asset('assets/images')}}/zdomain/plus-minus.png">
                {{--                                    </div>--}}
                {{--                                </form>--}}
                {{--                            </div>--}}
                {{--                        </div>--}}
                {{--                    </div>--}}
                <!-- end page title -->
                    <div class="row" id="datatable-main">
                        <div class="col-md-12 px-0">
                            <div class="card bg_table">
                                <table id="datatable-portfolio" class="datatable-portfolio table mx-0 px-0  dt-responsive nowrap portfolio-table table-striped" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                    <thead>
                                    <tr>
                                        <th>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="grily">
                                                <label class="custom-control-label" for="grily"></label>
                                            </div>
                                        </th>
                                        <th>Domain</th>
                                        <th>Traffic</th>
                                        <th>Inquiries</th>
                                        <th>Buy It Now</th>
                                        <th>Min Offer</th>
                                        <th>Expiry Date</th>
                                        <th>Extension</th>
                                        <th>DNS</th>
                                        <th>Registrar</th>
                                        <th></th>

                                    </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div>
                        </div> <!-- end col-->
                    </div> <!-- end row-->

                </div>
            </div>

        </div> <!-- container-fluid -->
    </div>
    <!-- End Page-content -->
    {{--    portfolio slider--}}
    <div class="modal fade" id="portfolio-slider-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg  modal-dialog-centered" role="document">
            <div class="modal-content modal-lg pagination-popup-bg">
                <div class="modal-header pb-0">
                    <h4 class="add-modal-title">My Nameservers</h4>
                    <a><img src="{{asset('assets')}}/images/zdomain/portfolio/close-modal-btn.png" data-dismiss="modal" aria-label="Close" class="close-icon" ></a>
                </div>
                <div class="modal-body pt-2 pb-2" id="nameserver-pagination">
                    <div class="container py-3">
                        <div class="row  px-6 pt-4 py-1">
                            @foreach($nameServers as $nameServer)
                                @php

                                    $name_server = str_replace('[','',$nameServer->name_server);
                         $name_server = str_replace(']','',$name_server);
                         $name_server = str_replace(',',' , ',$name_server);
                         $name_server = str_replace('"','',$name_server);
                         $name_server = explode(',',$name_server);
                                @endphp
                                @if(!empty($name_server))
                                    @if(count($name_server)>0)
                            <div class="col-md-4">
                                <div class="card registrar-card-bg name-server-modal pb-0 mb-2 ">
                                    <div class="card-body registrar-card-bg py-1">
                                        @if(count($name_server)>0)

                                     {{--   @if(stripos($name_server[0],"bodis")!== False)
                                                <img src="{{asset('assets')}}/images/zdomain/portfolio/slider-popups/dan.png" alt="" class="img-fluid popup-img">--}}

                                            @if(stripos($name_server[0],"DAN")!== False)

                                                <img src="{{asset('assets')}}/images/zdomain/portfolio/slider-popups/dan.png" alt="" class="img-fluid popup-img">

                                        @elseif(stripos($name_server[0],"DROPCATCH")!== False)

                                                <img src="{{asset('assets')}}/images/zdomain/portfolio/slider-popups/name-bright.png" alt="" class="img-fluid popup-img">

                                        @elseif(stripos($name_server[0],"dynadot")!== False)

                                                <img src="{{asset('assets')}}/images/zdomain/portfolio/slider-popups/dan.png" alt="" class="img-fluid popup-img">

                                        @elseif(stripos($name_server[0],"NAMEBRIGHTDNS")!== False)

                                                <img src="{{asset('assets')}}/images/zdomain/portfolio/slider-popups/name-bright.png" alt="" class="img-fluid popup-img">
                                            @else
                                                <img src="{{asset('assets')}}/images/zdomain/portfolio/slider-popups/Default.png" alt="" class="img-fluid popup-img">
                                            @endif
                                        @else
                                            <img src="{{asset('assets')}}/images/zdomain/portfolio/slider-popups/Default.png" alt="" class="img-fluid popup-img">
                                        @endif

                                        <h5 class="nameserver-number font-size-21 py-0 my-0">{{$nameServer->server_count}}</h5>
                                    </div>
                                </div>
                                <div class="card registrar-card-bg name-server-modal pb-0 mb-2">
                                    <div class="card-body registrar-card-bg px-0 py-2">
                                        <p class="myserver-modal-heading my-0 py-0">{{isset($name_server[0])? $name_server[0] : ''}}<br>
                                            {{isset($name_server[1])? $name_server[1] : ''}}</p>
                                    </div>
                                </div>
                            </div>
                                    @endif
                                @endif
@endforeach
                        </div>
                      {{--  <div class="row">
                            <div class="col-md-12">
                                <nav aria-label="Page navigation example">
                                    <ul class="pagination justify-content-center">
                                        <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                                        <li class="page-item"><a class="page-link" href="#">Next</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>--}}
                        @if(count($nameServers)>0)
                        <div style="display: flex;justify-content: center">
                            {!! $nameServers->appends(['modal' => 'nameserver'])->render() !!}
                        </div>
                            @endif
                    </div>

                </div>

            </div>
        </div>
    </div>
    </div>
    {{--    portfolio slider--}}

    <div class="modal fade" id="slider-modal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content modal-lg">
                <div class="modal-header pb-0">
                    <h4 class="add-modal-title">My Registrars</h4>
                    <a><img src="{{asset('assets')}}/images/zdomain/portfolio/close-modal-btn.png" data-dismiss="modal" aria-label="Close" class="close-icon" ></a>
                </div>
                <div class="modal-body modal-bg pb-5">
                    <div class="container">
                        <div class="row px-5 pt-4">
                            <div class="col-md-12 px-5">
                                <form action="">
                                    <div class="owl-carousel owl-theme">
                                        @php
                                            $count = 0;

                                        @endphp
                                        @foreach($registrars as $registrar)
                                            @php
                                                $check = 5;
                                                $total = count($registrars);
                                                    $remainder = $total/4;
                                                    if($remainder<=4)
                                                        {
                                                            $check = 3;
                                                        }
                                                    $count++;
                                            @endphp

                                            @if($count==1 )
                                                <div class="item">
                                                    @endif
                                                    @if($count>0 && $count<$check)

                                                        <div class="card registrar-card-bg name-server-modal">
                                                            <div class="card-body registrar-card-bg">
                                                                <img src="{{asset('assets')}}/images/zdomain/portfolio/slider-popups/godaddy.png" alt="" class="img-fluid popup-img">
                                                                <h5 class="nameserver-number">{{$registrar->registrar_count}}</h5>

                                                            </div>

                                                        </div>
                                                    @endif
                                                    @if($count==$check-1 )
                                                        @php
                                                            $count=0;
                                                        @endphp
                                                </div>
                                            @endif

                                        @endforeach

                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="modal fade" id="tlds-slider-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg  modal-dialog-centered" role="document">
            <div class="modal-content modal-lg pagination-popup-bg">
                <div class="modal-header pb-0">
                    <h4 class="add-modal-title">My TLD's</h4>
                    <a><img src="{{asset('assets')}}/images/zdomain/portfolio/close-modal-btn.png" data-dismiss="modal" aria-label="Close" class="close-icon" ></a>
                </div>
                <div class="modal-body  pb-5" id="tld-pagination">
                    <div class="container px-6 pb-4">
                        <div class="row px-3 pt-4 ">
{{--                            old loop code --}}
{{--                            <form action="">--}}
{{--                                <div class="owl-carousel owl-theme">--}}
{{--                                    @php--}}
{{--                                        $count1=0;--}}
{{--                                    @endphp--}}
{{--                                    @foreach($types as $type)--}}
{{--                                        @php--}}
{{--                                            $check = 5;--}}
{{--                                                $count1++;--}}
{{--                                                $total = count($types);--}}
{{--                                                $remainder = $total/4;--}}
{{--                                                if($remainder<=4)--}}
{{--                                                    {--}}
{{--                                                        $check = 3;--}}
{{--                                                    }--}}
{{--                                        @endphp--}}
{{--                                        @if($count1==1 )--}}
{{--                                            <div class="item">--}}
{{--                                                @endif--}}
{{--                                                @if($count1>0 && $count1<$check)--}}
{{--                                                    <div class="card registrar-card-bg name-server-modal">--}}
{{--                                                        <div class="card-body registrar-card-bg">--}}
{{--                                                            <h4 class="domain-text">{{$type->type}}</h4>--}}
{{--                                                            <h5 class="tlds-number my-0">{{$type->total}}</h5>--}}
{{--                                                        </div>--}}
{{--                                                    </div>--}}
{{--                                                @endif--}}
{{--                                                @if($count1==$check-1 )--}}
{{--                                                    @php--}}
{{--                                                        $count1=0;--}}
{{--                                                    @endphp--}}
{{--                                            </div>--}}
{{--                                        @endif--}}
{{--                                    @endforeach--}}

{{--                                </div>--}}
{{--                            </form>--}}
                            @foreach($types as $type)
                            <div class="col-md-4">
                                <div class="card registrar-card-bg name-server-modal">
                                    <div class="card-body registrar-card-bg py-3">
                                        <h4 class="domain-text my-0">{{$type->type}}</h4>
                                        <h5 class="tlds-number my-0">{{$type->total}}</h5>
                                    </div>
                                </div>
                            </div>
                            @endforeach

                        </div>
                    {{--    <div class="row">
                            <div class="col-md-12 py-3">
                                <nav aria-label="Page navigation example">
                                    <ul class="pagination justify-content-center">
                                        <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                                        <li class="page-item"><a class="page-link" href="#">Next</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>--}}
                        @if(count($types)>0)
                        <div style="display: flex;justify-content: center">
                            {!! $types->appends(['modal' => 'tld'])->render() !!}
                        </div>
                            @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    {{--bulk import modal--}}
    <div class="modal fade" id="bulk-import-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content modal-lg">
                <div class="modal-header pb-0">
                    <h4 class="add-modal-title"><span>
{{--                            <img class="title-icon" src="{{asset('assets')}}/images/zdomain/portfolio/heading-icon.png" alt=""></span>--}}
                            Bulk Import</h4>
                    <a><img src="{{asset('assets')}}/images/zdomain/portfolio/close-modal-btn.png" data-dismiss="modal" aria-label="Close" class="close-icon" ></a>
                </div>

                <div class="modal-body import-frame pb-5">
                    <div class="container pb-5">
                        <div class="row px-5 pt-4 pb-4">
                            <div class="col-md-12 px-5">
                                <form method="post" action="{{asset('console/upload/domain')}}" enctype="multipart/form-data">
                                    @csrf
                                    <div class="tab-content pt-3 text-muted">
                                        <div class="row">
                                            <div class="col-md-12 text-center">
                                                <h4>Add Domains to your DN Console</h4>
                                                <p class="text-white">Add Domains on the left or upload a file on the right</p>
                                                @if(count($errors->all()))

                                                    @foreach ($errors->all() as $error)

                                                            <p style="padding-top: 6px; color: red"> {{ $error }}</p>

                                                    @endforeach

                                                @endif

                                                @if($avgCreatedModifiers != "100" && count($createModifiers)!=0)
                                                    <p style="padding-top: 6px; color: #23ffff" id="add_modifers_message">The system is adding new Domains in the background. You cannot upload a new file while a file is in process.</p>
                                                @endif
                                                @if(count($alreadyCreateModifiers) > 0 && $avgCreatedModifiers == "100")

                                                    <p style="padding-top: 6px; color: red"> Some Domians have issues. Download File   <a href="{{asset('console/cron/domains/error')}}">download</a></p>
                                                @endif

                                            </div>
                                            <div class="col-md-5 mt-4">
                                                <textarea class="form-control custom-form-control custom" name="domain_name" rows="8"></textarea>
                                                <p class="domain-bulk-textarea mt-3"><span class="steric">*</span> &nbsp Enter one domain name on each line</p>
                                            </div>
                                            <div class="col-md-2 bulk-or text-center">
                                                <span>
                                                   or

                                                </span>
                                            </div>

                                            <div class="col-md-5 bulk-check mt-4">
                                                <div class="upload-area">

                                                    <label for="input" id="label" class="">
                                                        <ion-icon name="cloud-upload-outline"></ion-icon>
                                                        <span id="span">Select  <span class="custom-red-txt">.csv </span>file to Upload <span class="uil-top-arrow-to-top upload-icon"></span></span>
                                                        <input id="input" name="file" type="file">
                                                    </label>
                                                </div>

                                                <div class="custom-control custom-checkbox mb-3">
                                                    <input type="checkbox" class="custom-control-input" id="customCheck1" checked="">
                                                    <label class="custom-control-label" for="customCheck1">Override existing domains</label>
                                                </div>
                                                <p class="domain-bulk-textarea mt-5 pt-3">One domain per row (.xls or .csv file)</p>
                                                <a href="{{asset('console/domain/file/download')}}" class="btn btn-lg export-domain-downloadbtn"><span class="pt-1">Download a <span class="custom-red-txt"> .csv </span>template</span> <span class=""><img class="download-sign ml-2"  src="{{asset('assets/images')}}/zdomain/portfolio/download-btn.png" alt=""></span></a>
                                            </div>
                                            <div class="col-md-12 mt-1 ">
                                                @if($avgCreatedModifiers != "100" && count($createModifiers)!=0)
                                                    <div class="progress bg-success" id="add_progressbar" style="height: 14px">
                                                        <div class="progress-bar bg-success progress-bar-striped progress-bar-animated"  role="progressbar" aria-valuenow="{{$avgCreatedModifiers > 3 ? $avgCreatedModifiers : 0}}" aria-valuemin="0" aria-valuemax="100" style="width: {{$avgCreatedModifiers > 3 ? $avgCreatedModifiers : 100}}% ; height: 12px ; font-size: 10px">{{$avgCreatedModifiers > 3 ? $avgCreatedModifiers."%" : "Processing"}}</div>
                                                    </div>
                                                @endif

                                                <div class="form-group row">
                                                    <label for="example-text-input" class="col-md-3 col-form-label modal-labels"></label>
                                                    <div class="col-md-8 text-right pt-4">
                                                        <button class="btn btn-modal-submit btn-upload" {{count($createModifiers)>0 ? 'disabled' : ''}} id="btn-upload">Upload<span><span class="uil-import upload-icon"></span></span></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    {{--Registrar Modal--}}
    <div class="modal fade" id="add-registrar-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg " role="document">
            <div class="modal-content modal-lg registrar-modal">
                <div class="modal-body pb-4">
                    <div class="container">
                        <div class="row px-2 pt-4">
                            @foreach($registrars as $registrar)

                                <div class="col-md-3 text-center">
                                    <div class="card registrar-parent-card">
                                        <div class="card-body registrar-card-bg py-2">
                                            @if(stripos($registrar->registrar,'Sav'))
                                                <img src="{{asset('assets/images')}}/zdomain/portfolio/reg_popup/sav.png" alt="" class="img-fluid my-1 popup-img">
                                            @endif
                                            @if(stripos($registrar->registrar,'Dynadot'))
                                                <img src="{{asset('assets/images')}}/zdomain/portfolio/reg_popup/dynadot 1.png" alt="" class="img-fluid my-1 popup-img">
                                            @else
                                                <img src="{{asset('assets/images')}}/zdomain/portfolio/reg_popup/dynadot 1.png" alt="" class="img-fluid my-1 popup-img">

                                            @endif

                                            <h5 class="registrar-number my-0">{{$registrar->registrar_count}}</h5>
                                        </div>
                                    </div>
                                </div>
                            @endforeach

                        </div>
                        <div class="row">
                            <div class="col-md-12 text-right mr-2 mt-4">
                                <button class="btn btn-popup"  data-dismiss="modal" aria-label="Close">Close</button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    </div>
    {{--Tlds Modal--}}
    <div class="modal fade" id="add-tlds-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg " role="document">
            <div class="modal-content modal-lg registrar-modal">
                <div class="modal-body pb-4">
                    <div class="container">
                        <div class="row px-2 pt-4">
                            @foreach($types as $type)
                                <div class="col-md-3 text-center">
                                    <div class="card registrar-card-bg">
                                        <div class="card-body registrar-card-bg py-2">
                                            <h4 class="domain-text">.{{$type->type}}</h4>
                                            <h5 class="registrar-number my-0">{{$type->total}}</h5>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                            <div class="row">
                                <div class="col-md-12 text-right">

                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 text-right mr-2 mt-4">
                                <button class="btn btn-popup"  data-dismiss="modal" aria-label="Close">Close</button>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    {{--nameserver Modal--}}
    <div class="modal fade" id="add-nameserver-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg " role="document">
            <div class="modal-content modal-lg registrar-modal">
                <div class="modal-body pb-4">
                    <div class="container">
                        <div class="row px-2 pt-4">
                            @foreach($nameServers as $nameServer)
                                @php

                                    $name_server = str_replace('[','',$nameServer->name_server);
                         $name_server = str_replace(']','',$name_server);
                         $name_server = str_replace(',',' , ',$name_server);
                         $name_server = str_replace('"','',$name_server);
                         $name_server = explode(',',$name_server);
                                @endphp
                                <div class="col-md-4 text-center">
                                    <div class="card registrar-card-bg name-server-modal">
                                        <div class="card-body registrar-card-bg py-2">

                                            @if(!empty($name_server))
                                                @if(count($name_server)>0)
                                                    @if(stripos($name_server[0],"DAN"))
                                                        <img src="{{asset('assets/images')}}/zdomain/portfolio/nameservers_popup/dan.png" alt="" class="img-fluid my-2 popup-img">
                                                    @elseif(stripos($name_server[0],"INSTAWEBIZ"))
                                                        <img src="{{asset('assets/images')}}/zdomain/portfolio/nameservers_popup/dan.png" alt="" class="img-fluid my-2 popup-img">

                                                    @elseif(stripos($name_server[0],"HICHINA"))
                                                        <img src="{{asset('assets/images')}}/zdomain/portfolio/nameservers_popup/dan.png" alt="" class="img-fluid my-2 popup-img">
                                                    @elseif(stripos($name_server[0],"BODIS"))
                                                        <img src="{{asset('assets/images')}}/zdomain/portfolio/nameservers_popup/dan.png" alt="" class="img-fluid my-2 popup-img">

                                                    @elseif(stripos($name_server[0],"eftydns"))
                                                        <img src="{{asset('assets/images')}}/zdomain/portfolio/nameservers_popup/dan.png" alt="" class="img-fluid my-2 popup-img">
                                                    @elseif(stripos($name_server[0],"SEDOPARKING"))
                                                        <img src="{{asset('assets/images')}}/zdomain/portfolio/nameservers_popup/sedo.png" alt="" class="img-fluid my-2 popup-img">
                                                    @elseif(stripos($name_server[0],"ZDOMAINNAME"))
                                                        <img src="{{asset('assets/images')}}/zdomain/portfolio/nameservers_popup/dan.png" alt="" class="img-fluid my-2 popup-img">
                                                    @elseif(stripos($name_server[0],"afternic"))
                                                        <img src="{{asset('assets/images')}}/zdomain/portfolio/nameservers_popup/afternic.png" alt="" class="img-fluid my-2 popup-img">
                                                    @elseif(stripos($name_server[0],"CLOUDFLARE"))
                                                        <img src="{{asset('assets/images')}}/zdomain/portfolio/nameservers_popup/dan.png" alt="" class="img-fluid my-2 popup-img">
                                                    @else
                                                        <img src="{{asset('assets/images')}}/zdomain/portfolio/nameservers_popup/dan.png" alt="" class="img-fluid my-2 popup-img">
                                                    @endif
                                                    <h5 class="nameserver-number my-3">{{$nameServer->server_count}}</h5>
                                                    <p class="mb-0">{{isset($name_server[0])? $name_server[0] : ''}}</p>
                                                    <p class="mb-0">{{isset($name_server[1])? $name_server[1] : ''}}</p>
                                                @endif
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="row">
                            <div class="col-md-12 text-right mr-2 mt-4">
                                <button class="btn btn-popup"  data-dismiss="modal" aria-label="Close">Close</button>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    {{--    domains modal--}}
    <div class="modal fade" id="domain-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered domain-modal-resize" role="document">
            <div class="modal-content modal-lg " id="domain_info">

            </div>
        </div>
    </div>

    <div class="modal fade" id="domain-delete-modal" tabindex="-1" role="dialog" aria-labelledby="update-whois-domain" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-body update-whois-domain-body">
                    <div class="form-group">
                        <div class="container">
                            <form action="{{asset('console/delete/domain')}}" method="post">
                                @csrf
                                <div class="row">
                                    <div class="col-md-12">

                                        <span></span><h4 class="text-center update-whois-heading">Delete</h4>
                                        <p class="text-center">Are you sure you want to delete domain</p>
                                        <input type="hidden" name="useless" id="useless" class="useless">
                                    </div>
                                </div>
                                <div class="row mt-4">
                                    <div class="col-md-12 text-center">
                                        <button class="btn btn-blue cancel-whois-btn ml-4" data-dismiss="modal" aria-label="Close">Cancel</button>
                                        <button class="btn btn-danger sure-whois-btn" type="submit">Yes,I'm sure</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="modal fade" id="slider-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg  modal-dialog-centered" role="document">
            <div class="modal-content pagination-popup-bg">
                <div class="modal-header pb-0">
                    <h4 class="add-modal-title">My Registrars</h4>
                    <a><img src="{{asset('assets')}}/images/zdomain/portfolio/close-modal-btn.png" data-dismiss="modal" aria-label="Close" class="close-icon" ></a>
                </div>
                <div class="modal-body  pb-5">
                    <div class="container pb-4">
                        <div class="row px-6 pt-4">
                            <div class="col-md-12 px-4 pt-3" id="registrar_pagination">
                                <form action="">
                                  <div class="row">
                                      @foreach($registrars as $registrar)
                                      <div class="col-md-4">
                                          <div class="card registrar-card-bg">
                                              <div class="card-body registrar-card-bg p-2 text-center">
                                                 @if(stripos($registrar->registrar,"Dynadot ")!== False)
                                                      <img src="{{asset('assets')}}/images/domain_registrar_logo/dynadot.png" alt="" class="img-fluid popup-img  width-83">
                                                  @elseif(stripos($registrar->registrar,"Sav")!== False)
                                                      <img src="{{asset('assets')}}/images/domain_registrar_logo/SAV.png" alt="" class="img-fluid popup-img  width-83">

                                                  @elseif(stripos($registrar->registrar,"1API")!== False)
                                                      <img src="{{asset('assets')}}/images/domain_registrar_logo/Ap1.png" alt="" class="img-fluid popup-img  width-83">
                                                  @elseif(stripos($registrar->registrar,"CENTRALNIC")!== False)
                                                      <img src="{{asset('assets')}}/images/domain_registrar_logo/CentralNic.png" alt="" class="img-fluid popup-img  width-83">
                                                  @elseif(stripos($registrar->registrar,"dot-ca-registry.ca")!== False)
                                                      <img src="{{asset('assets')}}/images/domain_registrar_logo/Dotca.png" alt="" class="img-fluid popup-img  width-83">
                                                  @elseif(stripos($registrar->registrar,"NameBright")!== False)
                                                      <img src="{{asset('assets')}}/images/domain_registrar_logo/NameBright.png" alt="" class="img-fluid popup-img  width-83">
                                                  @elseif(stripos($registrar->registrar,"DropCatch")!== False)
                                                      <img src="{{asset('assets')}}/images/domain_registrar_logo/NameBright.png" alt="" class="img-fluid popup-img  width-83">
                                                  @elseif(stripos($registrar->registrar,"Epik")!== False)
                                                      <img src="{{asset('assets')}}/images/domain_registrar_logo/Epik.png" alt="" class="img-fluid popup-img  width-83">
                                                  @elseif(stripos($registrar->registrar,"MyID")!== False)
                                                      <img src="{{asset('assets')}}/images/domain_registrar_logo/MyIDca.png" alt="" class="img-fluid popup-img  width-83">
                                                  @elseif(stripos($registrar->registrar,"rapidregister")!== False)
                                                      <img src="{{asset('assets')}}/images/domain_registrar_logo/Dotca.png" alt="" class="img-fluid popup-img  width-83">
                                                  @elseif(stripos($registrar->registrar,"WHC")!== False)
                                                      <img src="{{asset('assets')}}/images/domain_registrar_logo/Web_Hosting_Canada.png" alt="" class="img-fluid popup-img  width-83">
                                                  @elseif(stripos($registrar->registrar,"DomainTact")!== False)
                                                        <img src="{{asset('assets')}}/images/domain_registrar_logo/NameBright.png" alt="" class="img-fluid popup-img  width-83">
                                                 @elseif(stripos($registrar->registrar,"GoDaddy")!== False)
                                                      <img src="{{asset('assets')}}/images/zdomain/portfolio/slider-popups/godaddy.png" alt="" class="img-fluid popup-img  width-83">
                                                  @else
                                                      <img src="{{asset('assets')}}/images/domain_registrar_logo/Default.png" alt="" class="img-fluid popup-img  width-83">
                                                  @endif
{{--                                                  <img src="{{asset('assets')}}/images/new-modals/godaddy.png" alt="" class="img-fluid popup-img">--}}
                                                  <h5 class="nameserver-number">{{$registrar->registrar_count}}</h5>
                                              </div>
                                          </div>
                                      </div>
                                      @endforeach


                                  </div>
                                    @if(count($registrars)>0)
                                    <div style="display: flex;justify-content: center">
                                        {!! $registrars->appends(['modal' => 'registrar'])->render() !!}
                                    </div>
@endif
<!--                                    <div class="row">
                                        <div class="col-md-12 py-3">
                                        <nav aria-label="Page navigation example">
                                            <ul class="pagination justify-content-center">
                                                <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                                                <li class="page-item"><a class="page-link" href="#">1</a></li>
                                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                                <li class="page-item"><a class="page-link" href="#">Next</a></li>
                                            </ul>
                                        </nav>
                                        </div>
                                    </div>-->
                                </form>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    </div>



    <!-- Update Refresh Confirmation Modal -->
    <div class="modal fade" id="update-refresh-confirmation" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content alert-modal">
                <div class="modal-header alert-header py-1">
                </div>
                <div class="modal-body text-center pb-4">
                    <img src="{{asset('assets/images/alert-images/whois-alert.png')}}" class="img-fluid my-2" alt="">
                    <h4>Update WHOIS info for this domain?</h4>
                    <p>The existing data will be overwritten!</p>
                    <input type="hidden" name="refreshID" class="refreshID" id="refreshID">
                    <input type="hidden" name="refreshIDScreen" class="refreshIDScreen" id="refreshIDScreen">
                    <button class="btn btn-alert-cancel" data-dismiss="modal" aria-label="Close">CANCEL</button>
                    <button class="btn btn-alert-cancel bg-cyan" id="refresh-btn" onclick="refreshData('')">YES <span><img src="{{asset('assets/images/alert-images/100-red.png')}}" class="img-fluid" alt=""></span></button>
                </div>
            </div>
        </div>
    </div>


    <!-- Delete Confirmation Modal -->
    <div class="modal fade" id="delete-confirmation-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content alert-modal">
                <div class="modal-header alert-header py-1">
                </div>
                <form action="{{asset('console/delete/domain')}}" method="post">
                    @csrf
                <div class="modal-body text-center pb-4">
                    <img src="{{asset('assets/images/alert-images/delete-domain-alert.png')}}" class="img-fluid my-2" alt="">
                    <input type="hidden" name="ddid" id="refresh-id" class="ddid">
                    <h4 class="delete-confirmation-heading">Are you sure you want to delete this domain</h4>
                    <p class="delete-confirmation-paragraph">Once confirmed data is not retrievable </p>
                    <button class="btn btn-alert-cancel" data-dismiss="modal" aria-label="Close">CANCEL</button>
                    <button class="btn btn-alert-cancel bg-cyan red-yes" type="submit">YES <span><img src="{{asset('assets/images/alert-images/100.png')}}" class="img-fluid" alt=""></span></button>
                </div>
                </form>
            </div>
        </div>
    </div>


    <!-- Update Success Modal -->
    <div class="modal fade" id="update-success-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content alert-modal">
                <div class="modal-header alert-header py-1">
                </div>
                <div class="modal-body text-center">
                    <div class="container">
                    <div class="row">
                        <div class="col-md-9 text-left py-4">
                            <h4 class="update-success-heading">Great Success !</h4>
                            <p class="update-success-paragraph mb-0 pb-0">WHOIS Data updated succesfully</p>
                        </div>
                        <div class="col-md-3">
                            <img src="{{asset('assets/images/alert-images/domain-update-man.png')}}" class="img-fluid my-3" alt="">

                        </div>
                    </div>
                    </div>
                    <button class="btn btn-alert-cancel margin-minus-9 bg-cyan" data-dismiss="modal" aria-label="Close">Ok <span><img
                                src="{{asset('assets/images/alert-images/thumbs-up.png')}}" alt="" class="img-fluid" style="position: relative;top: -3px;"></span></button>
                </div>
            </div>
        </div>
    </div>



    <!-- Delete Success Modal -->
    <div class="modal fade" id="delete-success-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content alert-modal">
                <div class="modal-header alert-header py-1">
                </div>
                <div class="modal-body text-center">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-9 text-left py-4">
                                <h4 class="update-success-heading">Great Success !</h4>
                                <p class="update-success-paragraph mb-0 pb-0">Domain Data deleted successfully </p>
                            </div>
                            <div class="col-md-3">
                                <img src="{{asset('assets/images/alert-images/domain-delete-man.png')}}" class="img-fluid my-3" alt="">

                            </div>
                        </div>
                    </div>
                    <button class="btn btn-alert-cancel margin-minus-9 bg-cyan margin-minus-34" data-dismiss="modal" aria-label="Close">Ok <span><img
                                src="{{asset('assets/images/alert-images/thumbs-up.png')}}" alt="" class="img-fluid" style="position: relative;top: -3px;"></span></button>
                </div>
            </div>
        </div>
    </div>



@endsection
@section('script')
    <script>


        $('#datatable-portfolio').dataTable({
            language: {
                searchPlaceholder: "Search Domain",
                search: "",
            },
            "bPaginate": true,
            "bLengthChange": true,
            "processing": true,
            "serverSide": true,
            dom: 'Bfrtip',
            pageLength: 10,
            buttons: [
                {
                    extend: 'colvis',
                    text: "Data Columns",
                    columns: ':not(".select-disabled")',
                }
            ],
            "aoColumnDefs": [
                { "bSortable": false, "aTargets": [ 0] },
            ],
            ajax: "{{ url('profolio') }}",
            columns: [
                {data: 'checkbox'},
                {data: 'domain'},
                {data: 'monthly_visitor'},
                {data: "inquiries"},
                {data: "bin_price"},
                {data: "minimum_offer"},
                {data: "expire_date"},
                {data: "type"},
                {data: "dns"},
                {data: "registrar"},
                {data: "action"},


            ]

        });
        $('#datatable-portfolio').on( 'page.dt', function () {
            $('#grily').prop("checked", false);
        } );
        $("#grily").click(function (){
            if ($("#grily").is(':checked')){
                $(".checkboxes").each(function (){
                    $(this).prop("checked", true);
                });
            }else{
                $(".checkboxes").each(function (){
                    $(this).prop("checked", false);
                });
            }
        });
        function dataTablePage(page)
        {
            $('.button-page').removeClass('datatable-badge-active');
            $('#'+page+'-pg').addClass('datatable-badge-active');
            $('#datatable-portfolio').DataTable().page.len(page).draw();
        }

        function deleteDomain(id)
        {
            $('.ddid').val(id)
            $("#delete-confirmation-modal").modal("show");
        }

        function refreshConfirmation(id,screen) {
            $('.refreshID').val(id);
            $('.refreshIDScreen').val(screen);
            $("#update-refresh-confirmation").modal("show");
        }
        function refreshData(screen)
        {
            document.getElementById("refresh-btn").disabled = true;
           let id = $('.refreshID').val();
           let refresh = $('.refreshIDScreen').val();

            $.ajax({
                type: 'get',
                url: '{{url('console/get/domain/info')}}',
                data:{
                    id:id,
                    'shot' : refresh,
                    'getRefresh' : 'refresh',
                    '_token': '{{csrf_token()}}'
                },
                dataType:"json",
                complete: function(){
                    $("#update-refresh-confirmation").modal("hide");
                },
                success: function (data) {
                    if(data.type=="error")
                    {

                        document.getElementById("refresh-btn").disabled = false;
                        display_error(data.message)
                    }
                    else{
                        $('#domain_info').html(data.view);
                        $('#datatable-portfolio').DataTable().ajax.reload();
                        document.getElementById("refresh-btn").disabled = false;
                        $("#update-success-modal").modal("show");
                    }


                }
            });

        }
    </script>
    <script>

        @if(Session::has('message'))
        display_success("{{ Session::get('message')}}")
        @endif
        @if(Session::has('delete'))
        $("#delete-success-modal").modal("show");
        @endif

        @if(count($errors->all()))
        @php
            $message = '';
        @endphp
        @foreach ($errors->all() as $error)
        @php
            $message = '<p>'.$message.'</p>'.'<p>'.$error.'</p>'
        @endphp
        @endforeach

        display_error('{!! $message !!}')
        @endif
        @if(Session::has('error'))
        display_error("{{ Session::get('error')}}")
        @endif

        $('.owl-carousel').owlCarousel({
            loop:false,
            margin:10,
            autoplay:true,
            nav:true,
            responsive: {
                0: {
                    items: 1,
                    rows: 2 //custom option not used by Owl Carousel, but used by the algorithm below
                },
                768: {
                    items: 2,
                    rows: 3 //custom option not used by Owl Carousel, but used by the algorithm below
                },
                991: {
                    items: 3,
                    rows: 2 //custom option not used by Owl Carousel, but used by the algorithm below
                }
            }
        })
        $(document).ready(function(){

            $(document).on('click', '.pagination a', function(event){
                event.preventDefault();
                var url = $(this).attr('href').split('?')[1];
                var modal = url.split('&')[0];
                var modal = modal.split('modal=')[1];
                var page = $(this).attr('href').split('modal=')[1];
                fetch_data(page,modal);
            });

            function fetch_data(page,modal)
            {
                if(modal=='registrar')
                {
                    $.ajax({
                        url:"pagination/registrar?modal="+page,
                        success:function(data)
                        {
                            $('#registrar_pagination').html(data);
                        }
                    });
                }
               else if(modal=='tld')
                {
                    $.ajax({
                        url:"pagination/tld?modal="+page,
                        success:function(data)
                        {
                            $('#tld-pagination').html(data);
                        }
                    });
                }
                else if(modal=='nameserver')
                {
                    $.ajax({
                        url:"pagination/nameserver?modal="+page,
                        success:function(data)
                        {
                            $('#nameserver-pagination').html(data);
                        }
                    });
                }
            }

        });
    </script>
    <script>
            @if($avgCreatedModifiers != "100" && count($createModifiers)!=0)
        const interval1 = setInterval(function() {
                $.ajax({
                    type: 'get',
                    url: '{{url('console/get/create/progressbar')}}',
                    data: {
                        '_token': '{{csrf_token()}}'
                    },

                    success: function (data) {
                        if(data=="completed")
                        {
                            $('#btn-upload').attr('disabled',false);
                            $('#add_progressbar').html(' <div class="progress-bar progress-bar-striped"  role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100% ; height: 12px ; font-size: 10px">Completed</div>');
                            $("#add_modifers_message").hide();

                        }
                        else{
                            $('#add_progressbar').html(data);
                        }

                    }
                });
            }, 11000);

        @endif
    </script>
@endsection