@extends('layouts.app')

@section('content')
<div class="mb-4 d-flex">
    <h3 class="text-muted my-auto"><b><i class="fas fa-envelope-open mr-2"></i>SMTP Configuration</b></h3>
    @if(empty($smtp))
        <a href="javascript:void();" onclick="showFormBar()" class="btn btn-primary ml-auto">Add SMTP Configuration</a>
    @else
    <a href="{{ URL::to('smtp_log') }}" class="btn btn-primary ml-auto mr-2">SMTP Log</a>
    <a href="{{ route('smtp.edit', $smtp->id) }}" class="btn btn-primary">Edit SMTP Configuration</a>
</div>
    <div class="card">
        <div class="card-body">
            <form action="{{ isset($id)? route('smtp.update', $id) : route('smtp.store') }}" method="POST">
            @csrf
            @if(isset($id))
                @method('PUT')
            @endif
                <div class="form-group">
                    <label for="">Username</label>
                    <input type="text" name="name" class="form-control" value="{{ $smtp->username }}" disabled>
                </div>
                <div class="form-group">
                    <label for="">Password</label>
                    <input type="password" name="password" class="form-control" value="{{ $smtp->password }}" disabled>
                </div>
                <div class="form-group">
                    <label for="">Host</label>
                    <input type="text" name="host" class="form-control" value="{{ $smtp->host }}" disabled>
                </div>
                <div class="form-group">
                    <label for="">Port</label>
                    <input type="number" name="port" class="form-control" value="{{ $smtp->port }}" disabled>
                </div>
                <div class="form-group">
                    <label for="">SSL Security</label>
                    <input type="text" name="security" class="form-control" value="{{ strtoupper($smtp->security) }}" disabled>
                </div>
            @endif
        </form>
    </div>
</div>
@endsection

@section('form-bar')
<h4>Edit SMTP Configuration</h4>
<form action="{{ isset($id)? route('smtp.update', $id) : route('smtp.store') }}" method="POST">
    @csrf
    @if(isset($id))
        @method('PUT')
    @endif
    <div class="form-group">
        <label for="">Username</label>
        <input type="text" name="name" class="form-control" value="{{ isset($id)? $smtp->username : '' }}" required>
    </div>
    <div class="form-group">
        <label for="">Password</label>
        <input type="password" name="password" class="form-control" value="{{ isset($id)? $smtp->password : '' }}" required>
    </div>
    <div class="form-group">
        <label for="">Host</label>
        <input type="text" name="host" class="form-control" value="{{ isset($id)? $smtp->host : '' }}" required>
    </div>
    <div class="form-group">
        <label for="">Port</label>
        <input type="number" name="port" class="form-control" value="{{ isset($id)? $smtp->port : '' }}" required>
    </div>
    <div class="form-group">
        <label for="">Security SSL</label>
        <select id="security" class="form-control" name="security">
            <option value="none">No SSL</option>
            <option value="ssl">SSL</option>
            <option value="tls">TLS</option>
        </select>
    </div>
    <button type="submit" class="btn btn-primary">Save</button>
    <a @if(isset($id)) href="{{ route('smtp.index') }}" @else onclick="hideFormBar();" @endif class="btn btn-primary ml-auto text-light">Close</a>
</form>
@endsection

@section('script')
@if(isset($id))
<script>
    $(document).ready(function(){
        var formBar = $('.form-bar');
        var formBarOverlay = $('.form-bar-overlay');

        formBar.addClass('show-form-bar'); 
        formBarOverlay.addClass('show-form-bar-overlay');

        $('#security').val('{{ $smtp->security }}');
    });
</script>
@endif
@endsection