@extends('layout.master')
@section('content')
  
    <section class="content pb-5">
        <div class="container-fluid">
            <div class="row pt-4">
                <div class="col-md-12">
                    <div class="title-section">
                        <p>Settings</span></p>
                    </div>
                </div>

                <div class="col-md-12 pt-0 pt-sm-4">
                    <div class="title-section">
                        <p>Notifications <span>Seller Notification</span></p>
                    </div>
                </div>
            </div>

            <div class="row pt-0 pt-sm-4">
                <div class="col-md-12">
                    <div class="zone-box">
                        <div class="seller-remit">
                            <div class="row">
                                <div class="col-md-12">
                                    <h5 class="mb-0">Add Email and Mobile No to receive Business related notifications.</h5>
                                    <p class="f-11">For example: COD Remittance etc. You can add multiple email ids and mobile nos.</p>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Email Id</label>
                                        <input class="form-control" placeholder="Enter Email Id" id="br_email" type="email" value="{{ isset($data->br_email) ? $data->br_email : ''}}"> 
                                    </div>
                                    <span class="error" id="invalid_email">
                                        Email is invalid
                                    </span>
                                </div>
        
                                <div class="col-md-6">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Mobile No.</label>
                                        <input class="form-control" placeholder="Enter Mobile No." id="br_mobile" type="text" value="{{ isset($data->br_mobile) ? $data->br_mobile : ''}}"> 
                                    </div>
                                </div>
        
                                <div class="col-md-12 mt-3">
                                    <h5 class="mb-0">Add Email and Mobile No to receive Operations related notifications.</h5>
                                    <p class="f-11">For example: COD Remittance etc. You can add multiple email ids and mobile nos.</p>
                                </div>
                      
                                <div class="col-md-6">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Email Id</label>
                                        <input class="form-control" placeholder="Enter Email Id" id="or_email" type="text" value="{{ isset($data->or_email) ? $data->or_email : ''}}"> 
                                    </div>
                                    <span class="error" id="invalid_or_email">
                                        Email is invalid
                                    </span>
                                </div>
        
                                <div class="col-md-6">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Mobile No.</label>
                                        <input class="form-control" placeholder="Enter Mobile No." id="or_mobile" type="text" value="{{ isset($data->or_mobile) ? $data->or_mobile : ''}}"> 
                                    </div>
                                </div>
                            </div>
                        </div>
                   
                        <div class="row mb-0 mt-3">
                            <div class="col-md-2">
                                <button type="button" onclick="save()" class="btn btn-danger btn-block">Save</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.error').hide();
        });

        function save() {
            // body...
            var or_email = $('#or_email').val();
            var or_mobile = $('#or_mobile').val();
            var br_email = $('#br_email').val();
            var br_mobile = $('#br_mobile').val();

            if (br_email == '') {
                $('#br_email').next().show();
                 swal({
                        icon: 'warning',
                        title: "Buissiness email.",
                        text: 'Reciever email is required.',
                        type: "warning",

                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    });
                return false;
            }
            if (IsEmail(br_email) == false) {
                //$('#invalid_email').show();
                 $('#br_email').next().show();
                 swal({
                        icon: 'warning',
                        title: "Buissiness Email.",
                        text: 'Reciever email is required.',
                        type: "warning",

                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    });
                return false;
            }
            if (or_email == '') {
                $('#or_email').next().show();
                //$('#or_email').next().show();
                 swal({
                        icon: 'warning',
                        title: "Operations Email.",
                        text: 'Operations email is required.',
                        type: "warning",

                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    });
                return false;
            }
            if (IsEmail(or_email) == false) {
                //$('#invalid_or_email').show();
                swal({
                        icon: 'warning',
                        title: "Operations Email.",
                        text: 'Operations email is Invalid.',
                        type: "warning",

                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    });
                return false;
            }

            var data = {
                '_token': "{{csrf_token()}}",
                'or_email':or_email,
                'or_mobile':or_mobile,
                'br_email':br_email,
                'br_mobile':br_mobile,
            }

            // console.log(data); return false;
            $.ajax({
                url : "{{route('update/seller/preference')}}",
                type: 'POST',
                data: data,
                success:function(data) {       
                    swal({
                        icon: 'success',
                        title: "Updated",
                        text: 'Seller notification has been updated!.',
                        type: "success",

                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    });
                }
            });
        }

        function IsEmail(email) {
            var regex =
/^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            if (!regex.test(email)) {
                return false;
            }
            else {
                return true;
            }
        }
    </script>
@endsection