@extends('admin.layout.layout')
@section('content')

    <style>
        table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
            border-bottom-width: 0;
            font-weight: 800;
        }

        table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
            word-wrap: break-word;
            max-width: 1px;
            overflow: auto;
        }
    </style>
    <div class="main-content">
        <div class="page-content">
            <div class="container-fluid">
                <!-- start page title -->
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box d-flex align-items-center justify-content-between">
                            <h4 class="mb-0">Portfolio</h4>
                            <div class="page-title-right">
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a href="javascript: void(0);">zDomainName.com</a></li>
                                    <li class="breadcrumb-item active">Portfolio</li>
                                </ol>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- end page title -->
                <div class="row">
                    <div class="col-md-12 col-xl-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <button class="btn btn-theme" data-toggle="modal" data-target="#add_domain" style="text-transform: capitalize; border: 1px solid #495057;"><i class="uil uil-plus"></i>Add Domain</button>
                                        <a href="{{asset('admin/export/domain')}}" class="btn btn-theme"  style="text-transform: capitalize; border: 1px solid #495057;"><i class="uil uil-plus"></i>Export Domain</a>

                                    </div>
                                    <div class="col-md-6 text-right">
{{--                                        <button class="btn btn-theme" data-toggle="modal" data-target="#domains" style="text-transform: capitalize; border: 1px solid #495057;"><i class="uil uil-plus"></i>Domain</button>--}}

                                        <button type="button" class="btn btn-theme btn-import"><i class="mdi dripicons-plus"></i> Bulk Import & Update</button>
                                        {{--                                        <a href="{{asset("domain/file/download")}}" class="btn btn-theme btn-sm" >Sample Import Domain</a>--}}
                                    </div>
                                </div>
                                <div class="row mt-3">
                                    <div class="col-md-12">
                                        <table id="datatableDomain" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100% !important;">
                                            <thead class="bg-dark-header">
                                            <tr>
                                                <th style="width:12.5%;">DOMAIN</th>
                                                <th style="width:3% !important;">MONTHLY
                                                     VISITORS</th>
                                                <th style="width:4% !important;">INQUIRIES</th>
                                                <th style="width:5% !important;">BIN PRICE</th>
                                                <th style="width:5% !important;">MIN OFFER</th>
                                                <th style="width:5% !important;">EXPIRY DATE</th>
                                                <th style="width:17.5% !important;">NAME SERVER</th>
                                                <th style="width:5% !important;">QUICK LINKS</th>
<!--                                                <th style="width:5% !important;">ACTIONS</th>-->
                                            </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
 {{--Mark as Hold modal--}}

                    <!-- Add Domain Modal -->


                </div>
            </div>
            <!-- container-fluid -->
        </div>
        <!-- End Page-content -->
        <footer class="footer">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6">
                        <script>document.write(new Date().getFullYear())</script> © zDomainName.com
                    </div>
                </div>
            </div>
        </footer>
    </div>

    <div class="modal fade" id="import_model" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" enctype="multipart/form-data">
        <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
            <div class="modal-content border-dark">
                <div class="modal-header bg-dark-header">
                    <h5 class="modal-title domain-title-upload text-white" id="exampleModalLabel">Upload File</h5>
                    <button type="button" class="close domain-close-btn" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form method="post" action="{{asset('upload/domain')}}" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <label class="col-md-2 mt-3 control-label label-text">Domain</label>
                            <div class="col-md-10">
                                <input type="file"  class="form-control"  name="file" autofocus="">
                            </div>
                        </div>
                        <div class="row mt-5">
                            <div class="col-md-12 text-right">
                                <button type="submit" class="btn btn-theme">Upload</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Add Price Plan -->

    {{--Mark as Hold modal--}}
    <div id="mark_as_hold_modal" class="modal fade show" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-modal="true" style="padding-right: 17px; display: none;">
        <div class="modal-dialog modal-dialog-scrollable modal-lg">
            <div class="modal-content border-dark">
                <div class="modal-header bg-dark-header">
                    <h5 class="modal-title domain-title-mark-as-sold text-white" id="myModalLabel">Mark As Sold</h5>
                    <button type="button" class="close domain-close-btn" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <form method="post" action="{{asset('mark/sold/domain')}}">
                            @csrf
                            {{--                                            <div class="row">--}}
                            {{--                                                <label class="col-md-4 mt-3 control-label">Sold From Where</label>--}}
                            {{--                                                <div class="col-md-8">--}}
                            {{--                                                    <input type="hidden" name="id" class="markid" id="markid">--}}
                            {{--                                                    <input type="text" class="form-control" placeholder="sold from where" name="description" autofocus="">--}}
                            {{--                                                </div>--}}
                            {{--                                            </div>--}}
                            <div class="container">
                                <div class="row">
                                    <label class="col-md-2 mt-3 control-label label-text">Sold Price</label>
                                    <div class="col-md-10">
                                        <input type="hidden" name="id" class="markid" id="markid">
                                        <input type="text" class="form-control"  placeholder="$0.00" name="price" autofocus="">
                                    </div>
                                </div>

                                <div class="row">
                                    <label class="col-md-2 mt-3 control-label label-text">Date</label>
                                    <div class="col-md-10">
                                        <input type="date" class="form-control" placeholder="Date" name="date" autofocus="">
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-md-2 mt-3 control-label label-text">Market Place</label>
                                    <div class="col-md-10">
                                        <select class="form-control" name="market_place" id="">
                                            <option value="zdomain_name">zDomain Name</option>
                                            <option value="afternic">Afternic</option>
                                            <option value="sedo">Sedo</option>
                                            <option value="dan_or_undeveloped">Dan/Undeveloped</option>
                                            <option value="uniregistry">Uniregistry</option>
                                            <option value="flippa">Flippa</option>
                                            <option value="namejet">NameJet</option>
                                            <option value="godaddy">GoDaddy</option>
                                            <option value="premium">Premium</option>
                                            <option value="other">Other</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-md-2 mt-3 control-label label-text">Broker Fees</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" placeholder="$0.00" name="broker_fee" autofocus="">
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-md-2 mt-3 control-label label-text">Escrow Fees</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" placeholder="$0.00" name="escrow_fee" autofocus="">
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-md-2 mt-3 control-label label-text">Commissions</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" placeholder="$0.00" name="commission" autofocus="">
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-md-2 mt-3 control-label label-text">Note</label>
                                    <div class="col-md-10">
                                        <textarea name="note" class="form-control" id="" cols="10" rows="3"></textarea>
                                        {{--<input type="text" class="form-control" placeholder="note" name="note" autofocus="">--}}
                                    </div>
                                </div>
                                <!--                                            <div class="row mt-3">
                                                                                <div class="col-md-12 text-center">
                                                                                    <div class="custom-control custom-checkbox mb-3">
                                                                                        <input type="checkbox" class="custom-control-input" name="sold_from_zdomain" id="customCheck1">
                                                                                        <label class="custom-control-label" for="customCheck1">Sold from zDomain</label>
                                                                                    </div>
                                                                                </div>
                                                                            </div>-->
                                <div class="row mt-5">
                                    <div class="col-md-12 text-right">
                                        <button class="btn btn-success waves-effect waves-light btn-lg" type="submit"><i class="uil uil-save mr-2"></i>Save</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
    <div class="modal fade" id="monthly_payment_plan" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Easy monthly payments</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="plansDiv">

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

    <div class="modal fade" id="domain-details-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
            <div class="modal-content domain-content border-dark">
                <div class="modal-header bg-dark-header">
                    <h5 class="modal-title domain-title-details" id="exampleModalLabel" style="color: white">Domain Details</h5>
                    <button type="button" class="close domain-close-btn" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">

                        <div class="tab-content p-3 text-muted">
                            <div class="tab-pane active" id="domain" role="tabpanel">

                            </div>
                            <div class="tab-pane" id="marketing" role="tabpanel">
                                <div class="row">
                                    <div class="col-sm-6">

                                        <div class="table-responsive">
                                            <table class="table">
                                                <tbody><tr>
                                                    <th>SHOW ON ZDOMAIN</th>
                                                    <td>Yes</td>
                                                </tr>
                                                <tr>
                                                    <th>THEME</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>PAYMENT PLATFORM</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>BUY IT NOW PRICE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>ESCROW CONCIERGE</th>
                                                    <td>No</td>
                                                </tr>
                                                <tr>
                                                    <th>MINIMUM OFFER</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>PROFILE</th>
                                                    <td>This premium domain name is available for purchase!</td>
                                                </tr>
                                                <tr>
                                                    <th>DOMAIN USP's</th>
                                                    <td>

                                                        <ul style="margin:0;padding:0 0 0 20px;">
                                                            <li>Your domain name is your identity on the Internet</li>
                                                            <li>Establish instant trust and credibility with customers</li>
                                                            <li>Premium domain names appreciate in value over time</li>
                                                            <li>Boost your business and invest in the right domain name</li>
                                                        </ul>

                                                    </td>
                                                </tr>
                                                </tbody></table>
                                        </div>

                                    </div>
                                    <div class="col-sm-6">

                                        <div class="table-responsive">
                                            <table class="table">
                                                <tbody><tr>
                                                    <th>MONTHLY VISITORS</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>PARKED AT</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>PREMIUM DOMAIN</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>CATEGORY</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>CUSTOM BACKGROUND</th>
                                                    <td>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>CUSTOM LOGO</th>
                                                    <td>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>SHOW LOGO ON MARKETPLACE</th>
                                                    <td>Yes</td>
                                                </tr>
                                                <tr>
                                                    <th>SHOW LOGO ON FOR-SALE LANDER</th>
                                                    <td>Yes</td>
                                                </tr>
                                                </tbody></table>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="marketplaces" role="tabpanel">
                                <div class="row">
                                    <div class="col-md-12">
                                        <table class="table marketplace-table">
                                            <thead class="thead-dark">
                                            <tr>
                                                <th colspan="3">zDomianName</th>
                                                <th><a href="#" class="float-right" data-toggle="modal" data-target="#edit-domain-on-zdomain"><i class="uil uil-pen mr-2"></i></a></th>
                                            </tr>
                                            </thead>
                                            <tbody>

                                            <tr>
                                                <td class="hdr">List on zDomainName.com</td>

                                                <td style="width:20%;">

                                                    <i class="uil uil-check"></i>
                                                </td>
                                                <td class="hdr">Override marketing tab</td>
                                                <td style="width:20%;">

                                                    <i class="glyphicon glyphicon-remove"></i>

                                                </td>
                                            </tr>

                                            <tr>
                                                <td>Show BIN button</td>
                                                <td>

                                                    <i class="uil uil-check"></i>

                                                </td>
                                                <td class="hdr">BIN Price</td>
                                                <td style="width:300px;">
                                                </td>
                                            </tr>

                                            <tr>
                                                <td>Show make offer button</td>
                                                <td>

                                                    <i class="uil uil-check"></i>
                                                </td>

                                                <td>Minimum offer</td>
                                                <td></td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="integration">You haven't set up your <a href="" target="_blank" title="Set up integration">Sedo integration</a> yet.</div>
                                    </div>
                                    <div class="col-md-12 mt-3">
                                        <div class="integration">You haven't set up your <a href="" target="_blank" title="Set up Bodis integration">Bodis integration</a> yet.</div>
                                    </div>
                                    <div class="col-md-12 mt-3">
                                        <div class="integration">You haven't set up your <a href="" target="_blank" title="Set up  Parkingcrew integration"> Parkingcrew integration</a> yet.</div>
                                    </div>
                                    <div class="col-md-12 mt-3">
                                        <div class="integration">You haven't set up your <a href="" target="_blank" title="Set up Voodoo.com integration ">Voodoo.com integration </a> yet.</div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="financial" role="tabpanel">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="table-responsive">
                                            <table class="table">
                                                <tbody><tr>
                                                    <th>PURCHASE PRICE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>RENEWAL PRICE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>OTHER COSTS</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>PARKING REVENUE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>FINANCIAL NOTES</th>
                                                    <td></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>

                                    </div>
                                    <div class="col-sm-6">

                                        <div class="table-responsive">
                                            <table class="table">
                                                <tbody><tr>
                                                    <th>MARKETPLACE SOLD</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>SOLD DATE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>SOLD PRICE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>ESCROW FEE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>BROKER FEE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>COMMISSIONS</th>
                                                    <td></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="notes" role="tabpanel">
                                <div class="row">
                                    <div class="col-md-12">
                                        <button class="btn btn-default btn-theme mr-1" data-toggle="modal" data-target="#add-note" id="add-note-btn"><i class="uil uil-plus mr-2"></i>Add note</button>
                                        <hr>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="card note-card">
                                                    <div class="card-body">
                                                        <span><i class="fas fa-save"></i></span>
                                                        <span class="ml-2">NO NOTES FOUND</span>
                                                        <p class="mt-3">There are no notes to display.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="inquiries" role="tabpanel">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="card note-card">
                                            <div class="card-body">
                                                <span><i class="fas fa-save"></i></span>
                                                <span class="ml-2">NO INQUIRIES FOUND</span>
                                                <p class="mt-3">There are no inquiries to display.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="transaction" role="tabpanel">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="card note-card">
                                            <div class="card-body">
                                                <span><i class="fas fa-save"></i></span>
                                                <span class="ml-2">NO TRANSACTION FOUND</span>
                                                <p class="mt-3">There are no transaction to display.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <hr>

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


    <div class="modal fade" id="domain-details-price-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
            <div class="modal-content border-dark">
                <div class="modal-header bg-dark-header">
                    <h5 class="modal-title domain-title-detail-domain" id="exampleModalLabel" style="color: white">Domain Details</h5>
                    <button type="button" class="close domain-close-btn" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">

                        <div class="tab-content p-3 text-muted">
                            <div class="tab-pane active" id="domain-price" role="tabpanel">

                            </div>
                            <div class="tab-pane" id="marketing" role="tabpanel">
                                <div class="row">
                                    <div class="col-sm-6">

                                        <div class="table-responsive">
                                            <table class="table">
                                                <tbody><tr>
                                                    <th>SHOW ON ZDOMAIN</th>
                                                    <td>Yes</td>
                                                </tr>
                                                <tr>
                                                    <th>THEME</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>PAYMENT PLATFORM</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>BUY IT NOW PRICE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>ESCROW CONCIERGE</th>
                                                    <td>No</td>
                                                </tr>
                                                <tr>
                                                    <th>MINIMUM OFFER</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>PROFILE</th>
                                                    <td>This premium domain name is available for purchase!</td>
                                                </tr>
                                                <tr>
                                                    <th>DOMAIN USP's</th>
                                                    <td>

                                                        <ul style="margin:0;padding:0 0 0 20px;">
                                                            <li>Your domain name is your identity on the Internet</li>
                                                            <li>Establish instant trust and credibility with customers</li>
                                                            <li>Premium domain names appreciate in value over time</li>
                                                            <li>Boost your business and invest in the right domain name</li>
                                                        </ul>

                                                    </td>
                                                </tr>
                                                </tbody></table>
                                        </div>

                                    </div>
                                    <div class="col-sm-6">

                                        <div class="table-responsive">
                                            <table class="table">
                                                <tbody><tr>
                                                    <th>MONTHLY VISITORS</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>PARKED AT</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>PREMIUM DOMAIN</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>CATEGORY</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>CUSTOM BACKGROUND</th>
                                                    <td>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>CUSTOM LOGO</th>
                                                    <td>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>SHOW LOGO ON MARKETPLACE</th>
                                                    <td>Yes</td>
                                                </tr>
                                                <tr>
                                                    <th>SHOW LOGO ON FOR-SALE LANDER</th>
                                                    <td>Yes</td>
                                                </tr>
                                                </tbody></table>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="marketplaces" role="tabpanel">
                                <div class="row">
                                    <div class="col-md-12">
                                        <table class="table marketplace-table">
                                            <thead class="thead-dark">
                                            <tr>
                                                <th colspan="3">zDomianName</th>
                                                <th><a href="#" class="float-right" data-toggle="modal" data-target="#edit-domain-on-zdomain"><i class="uil uil-pen mr-2"></i></a></th>
                                            </tr>
                                            </thead>
                                            <tbody>

                                            <tr>
                                                <td class="hdr">List on zDomainName.com</td>

                                                <td style="width:20%;">

                                                    <i class="uil uil-check"></i>
                                                </td>
                                                <td class="hdr">Override marketing tab</td>
                                                <td style="width:20%;">

                                                    <i class="glyphicon glyphicon-remove"></i>

                                                </td>
                                            </tr>

                                            <tr>
                                                <td>Show BIN button</td>
                                                <td>

                                                    <i class="uil uil-check"></i>

                                                </td>
                                                <td class="hdr">BIN Price</td>
                                                <td style="width:300px;">
                                                </td>
                                            </tr>

                                            <tr>
                                                <td>Show make offer button</td>
                                                <td>

                                                    <i class="uil uil-check"></i>
                                                </td>

                                                <td>Minimum offer</td>
                                                <td></td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="integration">You haven't set up your <a href="" target="_blank" title="Set up integration">Sedo integration</a> yet.</div>
                                    </div>
                                    <div class="col-md-12 mt-3">
                                        <div class="integration">You haven't set up your <a href="" target="_blank" title="Set up Bodis integration">Bodis integration</a> yet.</div>
                                    </div>
                                    <div class="col-md-12 mt-3">
                                        <div class="integration">You haven't set up your <a href="" target="_blank" title="Set up  Parkingcrew integration"> Parkingcrew integration</a> yet.</div>
                                    </div>
                                    <div class="col-md-12 mt-3">
                                        <div class="integration">You haven't set up your <a href="" target="_blank" title="Set up Voodoo.com integration ">Voodoo.com integration </a> yet.</div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="financial" role="tabpanel">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="table-responsive">
                                            <table class="table">
                                                <tbody><tr>
                                                    <th>PURCHASE PRICE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>RENEWAL PRICE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>OTHER COSTS</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>PARKING REVENUE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>FINANCIAL NOTES</th>
                                                    <td></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>

                                    </div>
                                    <div class="col-sm-6">

                                        <div class="table-responsive">
                                            <table class="table">
                                                <tbody><tr>
                                                    <th>MARKETPLACE SOLD</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>SOLD DATE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>SOLD PRICE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>ESCROW FEE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>BROKER FEE</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th>COMMISSIONS</th>
                                                    <td></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="notes" role="tabpanel">
                                <div class="row">
                                    <div class="col-md-12">
                                        <button class="btn btn-default btn-theme mr-1" data-toggle="modal" data-target="#add-note" id="add-note-btn"><i class="uil uil-plus mr-2"></i>Add note</button>
                                        <hr>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="card note-card">
                                                    <div class="card-body">
                                                        <span><i class="fas fa-save"></i></span>
                                                        <span class="ml-2">NO NOTES FOUND</span>
                                                        <p class="mt-3">There are no notes to display.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="inquiries" role="tabpanel">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="card note-card">
                                            <div class="card-body">
                                                <span><i class="fas fa-save"></i></span>
                                                <span class="ml-2">NO INQUIRIES FOUND</span>
                                                <p class="mt-3">There are no inquiries to display.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="transaction" role="tabpanel">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="card note-card">
                                            <div class="card-body">
                                                <span><i class="fas fa-save"></i></span>
                                                <span class="ml-2">NO TRANSACTION FOUND</span>
                                                <p class="mt-3">There are no transaction to display.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <hr>

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




     {{--Compose Model--}}


    <!-- End Page-content -->
@yield('script')


@endsection
@section('script')



   <script>
       $('.add_payment_plan').on("click",function(){
           var id = $(this).attr('id');
           $.ajax({
               type: 'get',
               url: '{{url('admin/plane/show')}}'+"/"+id,
               data:{
                   id:id,
                   '_token': '{{csrf_token()}}'
               },

               success: function (data) {
                   $('#plansDiv').html(data);
                   $("#monthly_payment_plan").modal("show");
               }
           });

       });


   </script>

    <script>
        /*    $('.btn-open-model').on("click",function(){
                var id = $(this).attr('id');
                $.ajax({
                    type: 'get',
                    url: '{{url('/get/domaintab')}}'+"/"+id,
               data:{
                   id:id,
                   '_token': '{{csrf_token()}}'
               },

               success: function (data) {
                   $('#domain').html(data);
                   $("#domain-details-modal").modal("show");
               }
           });

       });*/


        function markDomain(id)
        {

            $('.markid').val(id)
            $("#mark_as_hold_modal").modal("show");

        }


        /*$('.delete_domain').on("click",function(){

            var id = $(this).attr('id');
            $('.ddid').val(id)
            $("#domain-delete-modal").modal("show");

        });*/

    </script>
    <script>
        $(document).ready(function () {
            $('#datatableDomain').DataTable({
                processing: true,
                serverSide: true,
                "bSort" : true,
                "bAutoWidth": false,
                "lengthMenu": [[10, 50, 100], [10, 50,100]],
                
                order: [ [0, 'dsc'] ],
                ajax      : "{{ url('admin/portfolio') }}",
                
                columns:[
                    { data: 'domain' },
                    { data: 'monthly_visitor' },
                    { data: "inquiries" },
                    { data: "bin_price" },
                    { data: "minimum_offer" },
                    { data: "expire_date" },
                    { data: "name_server" },
                    { data: "domain_info" },


                ]
            });


        });


    </script>
    <script>
        @if(Session::has('message'))
        display_success("{{ Session::get('message')}}")
        @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


    </script>


@endsection