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


    <!-- ============================================================== -->
    <!-- Start right Content here -->
    <!-- ============================================================== -->
    <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">Domain Offers</h4>

                            <div class="page-title-right">
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a href="javascript: void(0);">zDomainName</a></li>
                                    <li class="breadcrumb-item active">Domain Offers</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_offers"><i class="uil uil-plus"></i> Add Offers</button>
                                    </div>
                                </div>
                                <div class="row mt-3">
                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            <table class="table table-bordered mb-0 invoice-table " id="datatable_offer">
                                                <thead class="bg-dark-header">
                                                <tr>
                                                    <th width="10%">DATE</th>
                                                    <th>DOMAIN</th>
                                                    <th>CLIENT</th>
                                                    <th width="12%">OFFER</th>
                                                    <th width="12%">VERIFIED</th>
                                                    <th width="12%">CONSENT</th>
                                                </tr>
                                                </thead>
                                                <tbody>


                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- container-fluid -->
    </div>
    <!-- End Page-content -->


    {{--Add Offer modal--}}
    <div id="add_offers" 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" id="myModalLabel">Add Offer</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('admin/out/source/offer')}}">
                            @csrf
                            <div class="container">
                                <div class="row">
                                    <label class="col-md-2 mt-3 control-label label-text">Offer Price</label>
                                    <div class="col-md-10">
                                        <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">Domain Name</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" placeholder="Domain Name" name="domain_name" autofocus="">
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-md-2 mt-3 control-label label-text">Email</label>
                                    <div class="col-md-10">
                                        <input type="email" class="form-control" placeholder="Email" name="email" 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">Note</label>
                                    <div class="col-md-10">
                                        <textarea name="note" class="form-control" id="" cols="10" rows="3"></textarea>
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-md-2 mt-3 control-label label-text">IP</label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control"  placeholder="192.168.1.44" name="ip" autofocus="">
                                    </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>
    {{--Add Offer modal--}}
    <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>
    <!-- end main content-->

    <!-- Right Sidebar -->
    <!-- END layout-wrapper -->

    <!-- Right Sidebar -->

    <!-- /Right-bar -->

    <!-- Right bar overlay-->
    <div class="rightbar-overlay"></div>

    @yield('script')

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

        $(document).ready(function () {
            $('#datatable_offer').DataTable({
                processing: true,
                serverSide: true,
                "bSort" : true,
                "lengthMenu": [[10, 50, 100], [10, 50,100]],
                order: [ [0, 'dsc'] ],
                ajax      : "{{ url('admin/inquiries/general_inquiries') }}",
                columns:[
                    { data: "created_at" },
                    { data: 'domain_name' },
                    { data: 'client' },
                    { data: 'offer' },
                    { data: "verified" },
                    { data: "consent" },

                ]
            });


        });


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