@extends('layouts/layout')
@section('title', 'Templates')
@push('style')
@endpush

@section('content')
@if ($message = Session::get('success'))
@include('sweetalert::alert')
@endif
<!-- page content -->
<div class="" role="main">
    <div class="">
        <div class="row">
            <div class="col-md-12 col-sm-12 mt-2">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Mail Setting</h2>

                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content mt-0 p-0">
                        <form action="" method="post" class="mb-3">
                            @csrf
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="mb-1">Mail Mailer</label>
                                    <input type="text" id="mailer" name="mailer" autocomplete="off" class="form-control"
                                        placeholder="Enter Mail Mailer eg.smtp" maxlength = "60">
                                    <span id="template_name_mailer" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="mb-1">Mail Host</label>
                                    <input type="text" id="mail_host" name="mail_host" autocomplete="off"
                                        class="form-control" placeholder="Enter Host" maxlength = "60">
                                    <span id="template_mail_host" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="mb-1">Mail Port</label>
                                    <input type="text" id="mail_port" name="mail_port" autocomplete="off"
                                        class="form-control" placeholder="Enter Mail Port" maxlength = "60"  
                                                onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                                                 oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);">
                                    <span id="template_mail_port" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="mb-1">Mail Username</label>
                                    <input type="text" id="mail_username" name="mail_username" autocomplete="off"
                                        class="form-control" placeholder="Enter Mail UserName" maxlength = "60">
                                    <span id="template_mail_username" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="mb-1">Mail Password</label>
                                    <input type="text" id="mail_password" name="mail_password" autocomplete="off"
                                        class="form-control" placeholder="Enter Mail Password" maxlength = "60">
                                    <span id="template_mail_password" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="mb-1">Mail Encryption</label>
                                    <input type="text" id="mail_encryption" name="mail_encryption" autocomplete="off"
                                        class="form-control" placeholder="Enter Mail Encryption " maxlength = "60">
                                    <span id="template_mail_encryption" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="mb-1">Mail From Address</label>
                                    <input type="text" id="mail_form_address" name="mail_form_address"
                                        autocomplete="off" class="form-control" placeholder="Enter Mail From Address " maxlength = "60">
                                    <span id="template_mail_From_Address" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <label class="mb-1">Status</label>
                                    <select class="select2 form-control" name="status" id="status"
                                        data-toggle="select2">
                                        <option value="" selected>Select Status</option>
                                        <option value="1">Active</option>
                                        <option value="0">Inactive</option>
                                    </select>
                                    <span id="status_error" class="text-danger d-inline-block"></span>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-6 col-sm-6 offset-md-5">
                                    <input type="submit" class="btn btn-success btn-round btn-primary"
                                        name="create_template" id="create_template" value="Submit Credentials" />
                                    <!-- <button type="submit" class="btn btn-round btn-primary">Submit</button> -->
                                </div>
                            </div>
                        </form>
                        <div class="col-md-12 col-sm-12 ">
                            <div class="">
                                <div class="">

                                    <table id="datatable-fixed-header"
                                        class="table table-striped table-bordered text-center" style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>Sr.No</th>
                                                <th>Mailer</th>
                                                <th>Host</th>
                                                <th>Port</th>
                                                <th>Username</th>
                                                <th>Password</th>
                                                <th>Encryption</th>
                                                <!-- <th>FROM ADDRESS</th> -->
                                                <th>Status</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($mail_get as $mail)
                                            <tr>
                                                @php
                                                $i = "Active"
                                                @endphp
                                                @php
                                                $j = "Inactive"
                                                @endphp
                                                <td>{{$mail->id}}</td>
                                                <td>{{$mail->mail_mailer}}</td>
                                                <td>{{$mail->mail_host}}</td>
                                                <td>{{$mail->mail_port}}</td>
                                                <td>{{$mail->mail_username}}</td>
                                                <td>{{$mail->mail_password}}</td>
                                                <td>{{$mail->mail_encryption}}</td>
                                                <!-- <td>{{$mail->mail_from_address}}</td> -->
                                                <td> @php
                                                    $var = $mail->status==1
                                                    @endphp
                                                    @if($var==1)
                                                    <label class="badge  badge-success">{{$i}}</label>
                                                    @else
                                                    <label class="badge badge-warning">{{ $j }}</label>
                                                    @endif
                                                </td>
                                                <td>
                                                    <a class="btn btn-primary btn-sm btn-round text-white"
                                                        href="{{ route('setting.edit', $mail->id)}}">
                                                        <i class="fa fa-pencil" style=""></a></i>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>

                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /page content -->
@endsection
@push('scripts')
<script>
$(document).ready(function() {
    $("#create_template").on('click', function() {
        var error_msg = "";

        if ($("#mailer").val() == "") {
            $("#template_name_mailer").text("Please enter Mailer.");
            error_msg = "Error";
        } else {
            $("#template_name_mailer").text("");
        }

        if ($("#mail_host").val() == "") {
            $("#template_mail_host").text("Please enter Mail Host.");
            error_msg = "Error";
        } else {
            $("#template_mail_host").text("");
        }

        if ($("#mail_port").val() == "") {
            $("#template_mail_port").text("Please enter Mail Port.");
            error_msg = "Error";
        } else {
            $("#template_mail_port").text("");
        }

        if ($("#mail_username").val() == "") {
            $("#template_mail_username").text("Please enter Mail Username.");
            error_msg = "Error";
        } else {
            $("#template_mail_username").text("");
        }

        if ($("#mail_password").val() == "") {
            $("#template_mail_password").text("Please enter Mail Password.");
            error_msg = "Error";
        } else {
            $("#template_mail_password").text("");
        }

        if ($("#mail_encryption").val() == "") {
            $("#template_mail_encryption").text("Please enter Mail Encryption.");
            error_msg = "Error";
        } else {
            $("#template_mail_encryption").text("");
        }

        if ($("#mail_form_address").val() == "") {
            $("#template_mail_From_Address").text("Please enter Mail From Address.");
            error_msg = "Error";
        } else {
            $("#template_mail_From_Address").text("");
        }


        if ($("#status").val() == "") {
            $("#status_error").text("Please select Status.");
            error_msg = "Error";
        } else {
            $("#status_error").text("");
        }

        if (error_msg) {
            return false;
        }
    });

});
</script>
@endpush