@extends('layouts.pro-logged-in')
@section('content')

    <div class="form-contents"><div class="failed-form-contents">

    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
        <div>Stag Apps: Add New</div>
        <div class="ml-auto">
            <a class="text-secondary" href="{{route('stag_apps-index')}}" up-close>
                <i class="fa fa-times"></i>
            </a>
        </div>
    </h4>

    <form action="/post-to-api"
          up-target="#main-content" up-history="false" up-fail-target=".failed-form-contents" up-reveal="false"
          method="post" enctype="multipart/form-data"
          class="border-top px-3 pt-3 pb-1 custom-submit">
        @csrf

        @if (session('message'))
            <div class="alert alert-danger">{{ session('message') }}</div>
        @endif

        <input type="hidden" name="_api" value="/api/stagApp/create">
        <input type="hidden" name="_success" value="{{route('stag_apps-index')}}">
        <input type="hidden" name="_return" value="{{route('stag_apps-add_new')}}">
        <div class='form-group mb-3'>
<label class='control-label'>Name *</label>
<input class='form-control' type='text' name='name' value='{{ old('name') ? old('name') : '' }}' required>
</div>
<div class='form-group mb-3'>
<label class='control-label'>Url *</label>
<input class='form-control' type='url' name='url' value='{{ old('url') ? old('url') : '' }}' required>
</div>
<div class='form-group mb-3'>
<label class='control-label'>Description </label>
<input class='form-control' type='text' name='description' value='{{ old('description') ? old('description') : '' }}' >
</div>
<div class='form-group mb-3'>
<label class='control-label'>Requires Admin 
<input class='ml-2' type='checkbox' name='requiresAdmin' >
</label>
</div>
        <div class="form-group mb-3 d-flex justify-content-center">
            <button class="btn btn-sm btn-primary mr-3 px-5">Submit</button>
            <a href="{{route('stag_apps-index')}}" class="btn btn-sm btn-default px-5" up-close>Cancel</a>
        </div>
    </form>

    </div></div>

@endsection
