@extends('layouts.view')
@section('title','Users Management')
@section('content')


    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <div class="float-right">

                    </div>
                    <h4 class="page-title">Email Configuration</h4>
                </div><!--end page-title-box-->
            </div><!--end col-->
        </div><!--end row-->
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    

                  
                    <div id="formDialog" class="card-body">
                        <h4 class="mt-0 header-title">Email Details :</h4>


                        <div class="row">
                            <div class="col-lg-10">
                                <span id="form_result"></span>
                                <form class="form-horizontal row-fluid" action="{{ route('mailConfig.store') }}" method="post" enctype="multipart/form-data">
                                    {{csrf_field()}}

                                    <input type="hidden" name="id" id="id" value="0" />



                                   
                                    <div class="form-group row">

                                        <label  class="col-sm-2 col-form-label text-right" for="basicinput">Email </label>

                                        <div class="col-sm-10">

                                            <input type="text" id="email" name="email" placeholder="Type Email here..." class="form-control" value="{{ $mail->email }}">



                                        </div>

                                    </div>


                                    <div class="form-group row">

                                        <label  class="col-sm-2 col-form-label text-right" for="basicinput">Password </label>

                                        <div class="col-sm-10">

                                            <input type="password" id="thepassword" required name="thepassword" placeholder="Type Password here..."  value="{{ $mail->password }}" class="form-control">



                                        </div>

                                    </div>


                                    <div class="form-group row">

                                        <div class="col-sm-10">

                                            <button type="submit" class="btn btn-primary" >Submit</button>

                                            <button id="cancelForm" class="btn btn-danger">Cancel</button>



                                        </div>

                                    </div>
                                </form>


                            </div></div></div>

                    <div id="confirmModal" class="modal fade" role="dialog">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                                    <h2 class="modal-title"></h2>
                                </div>
                                <div class="modal-body">
                                    <h4 align="center" style="margin:0;">Are you Sure You Want To Delete?</h4>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" name="ok_button" id="ok_button" class="btn btn-danger">OK</button>
                                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>


            </div>
        </div> <!-- end col -->
    </div>
    <script>

        $(document).ready(function(){
         
            $('#sample_form').on('submit', function(event){
                event.preventDefault();
               
                    $.ajax({
                        url:"{{ route('mailConfig.update') }}",
                        method:"POST",
                        data:new FormData(this),
                        contentType: false,
                        cache: false,
                        processData: false,
                        dataType:"json",
                        success:function(data)
                        {
                            var html = '';
                            if(data.errors)
                            {
                                html = '<div class="alert alert-danger">';
                                for(var count = 0; count < data.errors.length; count++)
                                {
                                    html += '<p>' + data.errors[count] + '</p>';
                                }
                                html += '</div>';
                            }
                            if(data.success)
                            {
                                //  alert('ddd00');
                                html = '<div class="alert alert-success">' + data.success + '</div>';
                            }
                            $('#form_result').html(html);
                        }
                    });
               
            });

        });

    </script>
@endsection