@extends('layouts.app')

@section('content')
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row cus-landing">
            <div class="col-12">
                <div class="page-title-box">
                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="{{ URL::to('master-landing') }}">Master</a></li>
                            <li class="breadcrumb-item active">Email Configuration</li>
                        </ol>
                    </div>
                    <h4 class="page-title">Add Email Configuration</h4>
                    <!-- <h4 class="page-back">Company List</h4><i class="dripicons-arrow-thin-left"></i><h4 class="page-title"> Back</a> -->
                </div>
            </div>
        </div>
        <!-- end page title -->

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <button class="btn btn-danger" data-toggle="modal" data-target="#smtphelp" style="float: right;padding: 10px 30px 10px 30px;">Help</button>
                        <div class="row">
                            <div class="col-xl-8 col-md-8 pt-4 pb-4" style="margin: auto;border: 3px #e2e6f0 dashed;padding: 30px;">
                                <div class="form">
                                                                        {{ Form::open(array('url' => 'email_configurationcu', 'enctype' => 'multipart/form-data')) }}
                                                                        <div class="form-group">
                                        <label for="companyname">Mail Server Host</label>
                                        {{ Form::text('host', null, array('class' => 'form-control', 'placeholder' => 'Enter Company name')) }}
                                        <small class="text-danger">(e.g, smtp.gmail.com, mail.yourdomain.com) For Smtp configuration please refer help section to enable email sending.</small>

                                    </div>

                                    <div class="form-group">
                                        <label for="phnumber">User Name</label>
                                        {{ Form::text('user_name', null, array('class' => 'form-control', 'placeholder' => 'Enter Phone Number')) }}
                                    </div>

                                    <div class="form-group">
                                        <label for="password">Password</label>
                                        <div class="input-group input-group-merge">
                                                                                        <input id="password" type="password"
                                                   class="form-control @error('password') is-invalid @enderror"
                                                   name="password" required autocomplete="current-password">
                                                                                        @error('password')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                            <div class="input-group-append" data-password="false">
                                                <div class="input-group-text">
                                                    <span class="password-eye"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="terms">BCC Email</label>
                                        {{ Form::text('bcc', null, array('class' => 'form-control', 'placeholder' => 'Enter bcc emails Comma seperated')) }}
                                    </div>


                                    <button type="submit" class="btn btn-outline-primary" style="float: right;padding: 10px 30px 10px 30px;">Save</button>
                                    {{ Form::close() }}
                                </div>
                            </div>
                            <!-- end col-->

                        </div>
                        <!-- end row -->

                    </div> <!-- end card-body -->
                </div> <!-- end card-->
            </div> <!-- end col-->
        </div>
        <!-- end row-->

    </div>
    <div class="modal fade" id="smtphelp" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-width">
            <div class="modal-content ">
                <div class="modal-header">
                    <h4 class="modal-title" id="myCenterModalLabel">SMTP Mail Configuration</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                <div class="modal-body">
                    <h5>For Gmail</h5>
                    <ol>
                        <li>
                            Visit your <b>Google My Account</b>. Now, sign into your Google Account.
                        </li>
                        <li>
                            Then, From your  <b>Profile</b> tab on the right top corner select <b>Manage your Google Account</b>.
                        </li>
                        <li>
                            Then, Go to <b>Security</b> tab.
                        </li>
                        <li>
                            After that, select <b>2-Step Verification</b> if not already enabled. Please follow the steps to enable 2-Step Verification, If Already Enabled then proceed to <b>step 5</b>
                        </li>
                        <li>
                            Then, Click <b>App Passwords</b> and choose the device you’re using. After that, select <b>Other</b> and enter you own custom device name.
                        </li>
                        <li>
                            Then, select <b>Generate.</b>
                        </li>
                        <li>
                            After that, follow the instructions to enter the App password (the 16-character code in the yellow bar) on your device.
                        </li>
                        <li>
                            Then, select <b>Done.</b>
                        </li>
                    </ol>

                    <h5>For Yahoo</h5>
                    <ol>
                        <li>
                            Visit <b>Yahoo Mail.</b> Now sign into your Yahoo Account
                        </li>
                        <li>
                            Then, Go to <b>Account Security</b> tab.
                        </li>
                        <li>
                            After that, at the bottom, click <b>Manage app passwords</b> and choose the app you're using. Now, select <b>Other</b> option and enter your own custom app name.
                        </li>
                        <li>
                            Then select <b>Generate.</b>
                        </li>
                        <li>
                            After that, enter the App password (the 16-character code displayed in the box in password field)
                        </li>
                        <li>
                            Then, select <b>Done.</b>
                        </li>
                    </ol>

                    <h5>For Hotmail</h5>
                    <ol>
                        <li>
                            Go to Microsoft's Security basics page and sign in to your Microsoft account.
                        </li>
                        <li>
                            You'll receive a code via your authenticator app to sign in.
                        </li>
                        <li>
                            Next, click the <b>more security options</b> link below basic options and then under <b>App passwords,</b> click <b>Create a new app password.</b>
                        </li>
                        <li>
                            A new app password will be created instantly to use on any Microsoft app or device that doesn't support two-factor verification security codes.
                        </li>
                    </ol>

                </div>
            </div>
            <!-- /.modal-content -->
        </div>
    </div>
    <!-- end row -->
@endsection