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


    <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">Sold</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">Sold</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_sold_domain"><i class="uil uil-plus"></i> Add Sold Domain</button>
                                    </div>
                                </div>
                                <div class="row mt-3">
                                    <div class="col-md-12">
                                        <table id="datatableSold" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                            <thead class="bg-dark-header">
                                            <tr>
                                                <th>Date</th>
                                                <th>Domain Name</th>
                                                <th>Price</th>
                                                <th>Fees</th>
                                                <th width="8%">Commissions</th>
                                                <th>Gross Net Profit</th>
                                                <th>Net Profit</th>
                                                <th>Platform</th>
                                                <th>Action</th>
                                            </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Add Domain Modal -->

                     </div>
            </div>
            <!-- container-fluid -->
        </div>

        {{--Add Sold Modal--}}
        <div class="modal fade show" id="add_sold_domain" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-modal="true" style="padding-right: 17px; display: none;">
            <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" id="exampleModalLabel">Add Sold Domain</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">
                        <form method="post" action="{{asset('domain/outsource/sold')}}" enctype="multipart/form-data">
                            @csrf
                            <div class="container">
                            <div class="row">
                                <label class="col-md-3 mt-3 control-label label-text">Domain Name</label>
                                <div class="col-md-9">

                                    <select name="domain_name" id="domain_name_id"  class="form-control" style='width: 200px;'>
                                        <option value='0'> Search Domain </option>
                                    </select>
                                </div>
                            </div>
                         <div id="sold_data">

                         </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>
        </div>

        <div class="modal fade show" id="add_edit_domain" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-modal="true" style="padding-right: 17px; display: none;">
            <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" id="exampleModalLabel">Edit Sold Domain</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">
                        <form method="post" action="{{asset('domain/outsource/sold/update')}}" enctype="multipart/form-data">
                            @csrf
                            <div class="container">
                            <div id="div_edit">

                            </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </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="domain-missed-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('missed/domain')}}" method="post">
                                @csrf
                                <div class="row">
                                    <div class="col-md-12">
                                        <span class="uil-info-circle  text-center mx-auto d-block domain-info-icon align-items-center"></span>
                                        <h4 class="text-center update-whois-heading">Alert</h4>
                                        <p class="text-center">Are you sure you want to add this domain as Just sold</p>
                                        <input type="hidden" name="ddid" id="domain-id" class="ddid">
                                    </div>
                                </div>
                                <div class="row mt-4">
                                    <div class="col-md-12 text-center">
                                        <button class="btn btn-default cancel-whois-btn ml-4" data-dismiss="modal" aria-label="Close">Cancel</button>
                                        <button class="btn btn-success sure-whois-btn" type="submit">Yes,I'm sure</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="domain-remove-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('remove/missed/domain')}}" method="post">
                                @csrf
                                <div class="row">
                                    <div class="col-md-12">
                                        <span class="uil-info-circle  text-center mx-auto d-block domain-info-icon align-items-center"></span>
                                        <h4 class="text-center update-whois-heading">Alert</h4>
                                        <p class="text-center">Are you sure you want to remove this domain from just sold</p>
                                        <input type="hidden" name="ddid" id="domain-id" class="ddidd">
                                    </div>
                                </div>
                                <div class="row mt-4">
                                    <div class="col-md-12 text-center">
                                        <button class="btn btn-default cancel-whois-btn ml-4" data-dismiss="modal" aria-label="Close">Cancel</button>
                                        <button class="btn btn-success sure-whois-btn" type="submit">Yes,I'm sure</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="domain-heldelete-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('domain/outsource/sold/delete')}}" method="post">
                                @csrf
                                <div class="row">
                                    <div class="col-md-12">
                                        <h4 class="text-center update-whois-heading"><i class="mdi mdi-close-circle delete-domain-info-icon"></i>Delete</h4>
                                        <p class="text-center">Are you sure you want to remove this domain?</p>
                                        <input type="hidden" name="id" id="domain-id" class="d_id">
                                    </div>
                                </div>
                                <div class="row mt-4">
                                    <div class="col-md-12 text-center">
                                        <button class="btn btn-default 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>

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


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

        $(document).ready(function () {
            $('#datatableSold').DataTable({
                processing: true,
                serverSide: true,
                "bSort" : true,
                "lengthMenu": [[10, 50, 100], [10, 50,100]],
                order: [ [0, 'dsc'] ],
                ajax      : "{{ route('soldDomain') }}",
                columns:[

                    { data: "created_at" },
                    { data: 'domain_name' },
                    { data:  'price' },
                    { data: 'fee' },
                    { data: 'commission' },
                    { data: 'grossnetprofit' },
                    { data: 'net' },
                    { data: "market_place" },
                    { data: "action" },
                ]
            });
        });


        function missiedDomain(id)
        {

            $('.ddid').val(id);
            $("#domain-missed-modal").modal("show");

        }
        function deleteDomain(id)
        {

            $('.d_id').val(id)
            $("#domain-heldelete-modal").modal("show");

        }
        function removeMissiedDomain(id)
        {

            $('.ddidd').val(id)
            $("#domain-remove-modal").modal("show");

        }

        function editDomain(id)
        {
            $.ajax({
                type: 'get',
                url: '{{url('domain/outsource/sold/edit')}}',
                data:{
                    id:id,
                    '_token': '{{csrf_token()}}',
                    'id' : id
                },

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

        }

        var e = document.getElementById("domain_name_id");
        var strUser = e.options[e.selectedIndex].value;
        $.ajax({
            type: 'get',
            url: '{{url('/get/sold/data')}}'+"/"+strUser,
            data:{
                id:strUser,
                '_token': '{{csrf_token()}}'
            },

            success: function (data) {
                $('#sold_data').html(data);
            }
        });
        $("#domain_name_id").change(function () {
            var strUser = $(this).val();
            $.ajax({
                type: 'get',
                url: '{{url('/get/sold/data')}}'+"/"+strUser,
                data:{
                    id:strUser,
                    '_token': '{{csrf_token()}}'
                },

                success: function (data) {
                    $('#sold_data').html(data);
                }
            });
        });
    </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>



    <script>
        $(document).ready(function(){

            $("#domain_name_id").select2({
                ajax: {
                    url: "{{'get/sold'}}",
                    type: "get",
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            searchTerm: params.term // search term
                        };
                    },
                    processResults: function (response) {
                        return {
                            results: response
                        };
                    },
                    cache: true
                }
            });
        });

    </script>
@endsection