@extends('layouts/home/app_new')



@section('title')

    {{trans('common.title_user')}}

@endsection
<style>
    @media screen and (max-width: 1200px) {
        #sj {
            width:500px;
            margin-left:350px;
            margin-top:40px
        }
    }
</style>


@section('content')

    <div style="min-height: 1000px;min-width:1200px;background:#fff;min-height:800px;margin: 0 auto">
        <div id="main" style="width:1000px;margin: 0 auto;margin-bottom:20px;">
            <div id="sj">
            <p style="font-size:18px;font-weight:bold;margin-top:20px">Residential Property Marketing</p>
            <form id="frm">
                {!! csrf_field() !!}
                <input type="hidden" name="id" value="{{$info['id']}}" id="cid">
            <div style="margin-top:35px;margin-left:10px">
                <span style="font-size:14px;font-weight:bold">Property Address</span>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <input  type="text" name="pro_address" value="{{$info['pro_address']}}" class="form-control" style="display: inline-block;width:70%">
            </div>

            <div style="margin-top:45px;">



                <p style="font-size:14px;font-weight:bold;margin-bottom:20px"> You have Selected:</p>
                @foreach($services as $k=>$v)
                   * {{$v['item']}}<br>

                @endforeach
            </div>

            <div style="margin-top:40px;font-size:16px;font-weight:bold">
            We will ring you to confirm the appointment and orders,<br>
                if urgent,please ring us at 1300 885 760
            </div>
                <div class="form-group" style="margin-top:20px">

                    <label for="username">Preferred Date & Time<span style="color:red"></span></label>

                    <input type="text" class="form-control my-inp" id="pre_time" name="pre_time"  style="width:80%" value="{{$info['real_name']}}">

                    <span id="username-notify" class="notify"></span>

                </div>
                <div class="form-group" style="margin-top:20px">

                    <label for="username">Your Full Name<span style="color:red"></span></label>

                    <input type="text" class="form-control my-inp" id="real_name" name="real_name" placeholder="Full Name" style="width:80%" value="{{$info['real_name']}}">

                    <span id="username-notify" class="notify"></span>

                </div>
                <div class="form-group" style="">

                    <label for="username">Mobile Phone Number<span style="color:red"></span></label>

                    <input type="text" class="form-control my-inp" id="mobile" name="mobile" placeholder="Mobile Phone Number" style="width:80%" value="{{$info['mobile']}}">

                    <span id="username-notify" class="notify"></span>

                </div>
                <div class="form-group" style="">

                    <label for="username">Email Address<span style="color:red"></span></label>

                    <input  type="text" class="form-control my-inp" id="email" name="email" placeholder="Email Address" style="width:80%" value="{{$info['email']}}">

                    <span id="username-notify" class="notify"></span>

                </div>
                <div class="form-group" style="">

                    <label for="username">Verify Email Address<span style="color:red"></span></label>

                    <input type="text" class="form-control my-inp" id="rep_email" name="rep_email" placeholder="Email Address" style="width:80%" value="">

                    <span id="username-notify" class="notify"></span>

                </div>

            <div style="margin-top:30px">
                <span id="back"  style="cursor:pointer;background:black;padding:8px 38px;color:#fff;font-size:16px">Back</span>
                &nbsp; &nbsp; &nbsp; &nbsp;
                <span id="sub"  style="cursor:pointer;background:black;padding:8px 38px;color:#fff;font-size:16px">Send</span>
            </div>
            </form>
            </div>
        </div>


    </div>

    <script>
        $("#sub").click(function(){
            if($("#email").val() == '') {
                alert('Oops, incomplete information.');
                return false;
            }

            if($("#email").val()  != $("#rep_email").val() ) {
                alert('Oops, email addresses don\'t match');
                return false;
            }
            if($("#real_name").val() == '') {
                alert('Oops, incomplete information.');
                return false;
            }
            if($("#mobile").val() == '') {
                alert('Oops, incomplete information.');
                return false;
            }
            var data = $("#frm").serialize();
            $.ajax({
                url : '/table/dosend',
                type : 'post',
                data : data,
                dataType : "JSON",
                success : function(data){
                    alert("Your request has been sent successfully.");
                    location.href='/'
                }
            })
        })

        $("#back").click(function(){
            history.back();
        })
    </script>
@endsection