مشاهدة ملف: create.blade.php

@extends('layouts.admin')

@section('title','Servers')

@section('extra-css')

@endsection

@section('content')
    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h2 class="card-title">@lang('admin.servers.new_server')</h2>
                        <a class="btn btn-info float-right"
                           href="{{route('admin.servers.index')}}">@lang('admin.form.button.back')</a>
                    </div>
                    <!-- /.card-header -->
                    <!-- form start -->
                    <form method="post" role="form" id="serverForm" action="{{route('admin.servers.store')}}">
                        @csrf
                        <div class="card-body">
                            <div class="form-row">
                                @include('admin.servers.form')
                            </div>
                        </div>
                        <!-- /.card-body -->

                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary">@lang('admin.form.button.submit')</button>
                            <button type="button" class="btn btn-info" data-toggle="modal"
                                    data-target="#serverTestModal">@lang('admin.form.button.test')</button>
                        </div>
                    </form>
                </div>


            </div>
            <!-- /.card -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
    <!-- Modal -->
    <div class="modal fade" id="serverTestModal" tabindex="-1" role="dialog" aria-labelledby="serverTestModalLabel"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="serverTestModalLabel">Server Testing</h5>
                    <button type="button" class="close modal-close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><i class="fas fa-times"></i></span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="title">@lang('admin.recipient_email')</label>
                        <input type="email" name="recipient_email" class="form-control" required
                               id="recipient_email" placeholder="Enter recipient email">
                        <small class="text-danger d-none" id="recipient_email_required">this field is required</small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary"
                            data-action="{{route('admin.server.test.connection')}}" id="testConnection">Confirm
                    </button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('extra-scripts')
    <script src="{{asset('js/admin/servers.js')}}"></script>
@endsection