@extends('space_portal.layouts.master')

@section('title','Creating the third workspace. Join today')

@section('header')
	@include('space_portal.partials.header')
@endsection

@push('styles')
    <link rel="stylesheet" href="{{ mix('css/app-back.css') }}"> 
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
@endpush

@section('content')


<section class="main-container">
    <div class="padding">

        <div class="box-white">
        
            <div class="flex flex-row flex-wrap -mx-2">
                <div class="p-2 w-full md:w-1/2 lg:w-1/3">
                    <label class="px-2 block text-base md:text-lg mb-1 font-medium" for="input-1">First Name: *</label>
                    <input type="text" name="" id="input-1" placeholder="First Name" class="rounded w-full px-2 min-h-[48px] border-solid border-gray-300 text-gray-800 placeholder-gray-500 ring-0 focus:ring-0 focus:border-green-500">
                </div>

                <div class="p-2 w-full md:w-1/2">
                    <label class="px-2 block text-base md:text-lg mb-1 font-medium" for="input-1">First Name: *</label>
                    <input type="text" name="" id="input-1" placeholder="First Name" class="rounded w-full px-2 min-h-[48px] border-solid border-gray-300 text-gray-800 placeholder-gray-500 ring-0 focus:ring-0 focus:border-green-500">
                </div>

                <div class="p-2 w-full">
                    <label class="px-2 block text-base md:text-lg mb-1 font-medium" for="input-1">First Name: *</label>
                    <input type="text" name="" id="input-1" placeholder="First Name" class="rounded w-full px-2 min-h-[48px] border-solid border-gray-300 text-gray-800 placeholder-gray-500 ring-0 focus:ring-0 focus:border-green-500">
                </div>
            </div>

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


@endsection

@push('scripts')
    <script>
    $('#deletePostModal').on('click', 'button.close', function (eventObject) {
        $('#deletePostModal').modal('hide');
    });
    </script>
@endpush