@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">
                            <a href="{{route('general_inquiries')}}" class="btn btn-secondary btn-sm back-btn margin-top-4 waves-effect mt-4"><i class="dripicons-backspace"></i></a>Domain Offer Details</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 Offer Details</li>
                            </ol>
                        </div>

                    </div>
                </div>
            </div>
            <!-- end page title -->

            <div class="card">

                <div class="card-body">
                    <div class="row mt-1">
                        <div class="col-md-6">
                            <h3> {{$offer->getDomain->domain_name}}</h3>
                        </div>
                        <div class="col-md-6 text-right">
                            <a href="{{asset('admin/offer/spam')}}/{{$offer->id}}" style=" display: {{$offer->is_spam == '1' ? 'none' : ''}}" class="btn btn-danger margin-top-4 waves-effect mt-4" ><i class="mdi mdi-block-helper"></i> Mark as Spam</a>
                            <a href="#" class="btn btn-secondary margin-top-4 waves-effect mt-4" data-toggle="modal" data-target="#composemodal"><i class="mdi mdi-reply"></i> Reply</a>
                        </div>
                    </div>
                    <hr>
                    <div class="row mt-4">
                        <div class="col-md-6">
                            <h4 style="text-decoration: underline" >OFFER DETAILS</h4>
                            <div class="row mt-2">
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18 font-weight-bold">Domain Name</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->getDomain->domain_name}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18 font-weight-bold">Price</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">${{$offer->price}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18 font-weight-bold">Full Name</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->name}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18 font-weight-bold">Email</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->email}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18 font-weight-bold">Phone Number</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->phone}}</span>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18 font-weight-bold">Note</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->company_name}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row mt-4">
                        <div class="col-md-6">
                            <h4>Location</h4>
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18">Country</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18"><img src="{{asset('admin/assets/flags')}}/{{strtolower($offer->getGeolocation->country)}}.png" width="30" class="flag-icon flag flag-pk" alt="PK"> {{$offer->getGeolocation->country}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18">Region</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->getGeolocation->region}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18">City</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->getGeolocation->city}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18">Latitude</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->getGeolocation->lat}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18">Longitude</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->getGeolocation->lng}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18">Time zone offset by UTC</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->getGeolocation->time_zone}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18">Geoname ID</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->getGeolocation->geoname_id}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18">IP</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->getGeolocation->ip}}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div style="width: 100%"><iframe width="100%" height="230" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=100%25&amp;height=400&amp;hl=en&amp;q={{$offer->getGeolocation->lat}},{{$offer->getGeolocation->lng}}+(My%20Business%20Name)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe><a href="https://www.maps.ie/route-planner.htm"></a></div>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-md-5">
                            <h4>Autonomous System</h4>
                            <div class="row mt-4">
                                <div class="col-md-2">
                                    <span class="text-grey font-size-18">ASN</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="text-grey font-size-18">{{$offer->getDomain->asn}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2">
                                    <span class="text-grey font-size-18">Name</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->getDomain->isp}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2">
                                    <span class="text-grey font-size-18">Route</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->getDomain->route}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3">
                                    <span class="text-grey font-size-18">Domain</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="font-size-18">{{$offer->getDomain->domain}}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <h4>Internet Service Provider</h4>
                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <span class="text-grey font-size-18 font-weight-bold">{{$offer->getDomain->isp}}</span>
                                </div>
                            </div>
                            <div class="row mt-5">
                                <div class="col-md-12">
                                    <span class="text-grey font-size-18 font-weight-bold">Connection Type</span>
                                </div>
                                <div class="col-md-12">
                                    <span class="font-size-18">{{$offer->getDomain->connection_type}}</span>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>

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

    {{--Compose Model--}}
    <div class="modal fade" id="composemodal" tabindex="-1" role="dialog" aria-labelledby="composemodalTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="composemodalTitle">New Message</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="{{asset('admin/reply/offer')}}" method="post">
                    @csrf
                <div class="modal-body">

                        <div class="form-group">
                            <input type="email" class="form-control" name="email" placeholder="To" value="{{$offer->email}}">
                        </div>

                        <div class="form-group">
                            <input type="text" name="subject" class="form-control" placeholder="Subject">
                        </div>
                        <div class="form-group">
                            <textarea class="summernote" name="message">


                            </textarea>
                        </div>


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Send <i class="fab fa-telegram-plane ml-1"></i></button>
                </div>
                </form>
            </div>
        </div>
    </div>


    <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>
<!-- end main content-->

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

<!-- Right Sidebar -->
<div class="right-bar">
    <div data-simplebar class="h-100">
        <div class="rightbar-title px-3 py-4">
            <a href="javascript:void(0);" class="right-bar-toggle float-right">
                <i class="mdi mdi-close noti-icon"></i>
            </a>
            <h5 class="m-0">Settings</h5>
        </div>

        <!-- Settings -->
        <hr class="mt-0" />
        <h6 class="text-center mb-0">Choose Layouts</h6>

        <div class="p-4">
            <div class="mb-2">
                <img src="{{asset('admin/assets')}}/images/layouts/layout-1.jpg" class="img-fluid img-thumbnail" alt="">
            </div>
            <div class="custom-control custom-switch mb-3">
                <input type="checkbox" class="custom-control-input theme-choice" id="light-mode-switch" checked />
                <label class="custom-control-label" for="light-mode-switch">Light Mode</label>
            </div>

            <div class="mb-2">
                <img src="{{asset('admin/assets')}}/images/layouts/layout-2.jpg" class="img-fluid img-thumbnail" alt="">
            </div>
            <div class="custom-control custom-switch mb-3">
                <input type="checkbox" class="custom-control-input theme-choice" id="dark-mode-switch" data-bsStyle="assets/css/bootstrap-dark.min.css" data-appStyle="assets/css/app-dark.min.css" />
                <label class="custom-control-label" for="dark-mode-switch">Dark Mode</label>
            </div>

            <div class="mb-2">
                <img src="{{asset('admin/assets')}}/images/layouts/layout-3.jpg" class="img-fluid img-thumbnail" alt="">
            </div>
            <div class="custom-control custom-switch mb-5">
                <input type="checkbox" class="custom-control-input theme-choice" id="rtl-mode-switch" data-appStyle="assets/css/app-rtl.min.css" />
                <label class="custom-control-label" for="rtl-mode-switch">RTL Mode</label>
            </div>


        </div>

    </div> <!-- end slimscroll-menu-->
</div>
<!-- /Right-bar -->

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

@yield('script')

@endsection
@section('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