@extends('layouts.master')

@section('content')

    <div class="row">

        <div class="col-lg-12">
            <div class="card">
                <div class="card-header align-items-center d-flex">
                    <h4 class="card-title mb-0 flex-grow-1">Email Settings</h4>
                </div><!-- end card header -->

                <div class="card-body">
                    <div class="live-preview">
                        <form class="row g-3 needs-validation" method="post" action="{{ route('email-setting.store') }}" novalidate>
                            
                            @csrf

                            <div class="col-md-12">
                                <label for="mailer" class="form-label">Mailer</label>
                                <input type="text" class="form-control" name="mail_mailer" 
                                       id="mailer"  placeholder="Please enter mailer" value="{{ $setting->mail_mailer }}" required>
                                <div class="invalid-feedback">Mailer is required!</div>
                            </div>

                            <div class="col-md-12">
                                <label for="mail_host" class="form-label">Host</label>
                                <input type="text" class="form-control" name="mail_host" 
                                       id="mail_host"  placeholder="Please enter host" value="{{ $setting->mail_host }}" required>
                                <div class="invalid-feedback">Host name is required!</div>
                            </div>

                            <div class="col-md-12">
                                <label for="mail_port" class="form-label">Port</label>
                                <input type="text" class="form-control" name="mail_port" 
                                       id="mail_port"  placeholder="Please enter port" value="{{ $setting->mail_port }}" required>
                                <div class="invalid-feedback">City name is required!</div>
                            </div>

                            <div class="col-md-12">
                                <label for="mail_username" class="form-label">Username</label>
                                <input type="text" class="form-control" name="mail_username" 
                                       id="mail_username"  placeholder="Please enter username" value="{{ $setting->mail_username }}" required>
                                <div class="invalid-feedback">Username is required!</div>
                            </div>

                            <div class="col-md-12">
                                <label for="mail_password" class="form-label">Password</label>
                                <input type="text" class="form-control" name="mail_password" 
                                       id="mail_password"  placeholder="Please enter password" value="{{ $setting->mail_password }}" required>
                                <div class="invalid-feedback">Password is required!</div>
                            </div>

                            <div class="col-md-12">
                                <label for="mail_encryption" class="form-label">Encryption</label>
                                <input type="text" class="form-control" name="mail_encryption" 
                                       id="mail_encryption"  placeholder="Please enter encryption" value="{{ $setting->mail_encryption }}" required>
                                <div class="invalid-feedback">Encryption is required!</div>
                            </div>

                            <div class="col-md-12">
                                <label for="mail_from_address" class="form-label">From email</label>
                                <input type="text" class="form-control" name="mail_from_address" 
                                       id="mail_from_address"  placeholder="Please enter from email" value="{{ $setting->mail_from_address }}" required>
                                <div class="invalid-feedback">From email is required!</div>
                            </div>

                            <div class="col-md-12">
                                <label for="mail_from_name" class="form-label">From Name</label>
                                <input type="text" class="form-control" name="mail_from_name" 
                                       id="mail_from_name"  placeholder="Please enter from name" value="{{ $setting->mail_from_name }}" required>
                                <div class="invalid-feedback">From name is required!</div>
                            </div>
                            
                            
                            <div class="col-12 text-end">
                                <button class="btn btn-primary" type="submit">Save Changes</button>
                                <button type="button" class="btn btn-light bg-gradient waves-effect waves-light">Cancel</button>
                            </div>
                        </form>
                    </div>




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

    </div>


@endsection


@push('header_scripts')


@endpush

@push('footer_scripts')

    <script type="text/javascript">
        $(document).ready(function() {

            
        });
    </script>

@endpush