@extends('layout')
@section('content')


    <div class="pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">
        <h1 class="display-4">We help you to organize your fleet</h1>
        <p class="lead text-white">Organization Manager was created to inventory your member's ships and help you to prepare your fleet</p>
    </div>

    <div class="container">
        <div class="card-deck mb-3 text-center">
            <div class="card mb-4 shadow-sm">
                <div class="card-header">
                    <h4 class="my-0 font-weight-normal">Create your organization</h4>
                </div>
                <div class="card-body">
                    {{-- <h1 class="card-title pricing-card-title">$0 <small class="text-muted">/ mo</small></h1>--}}
                    <ul class="list-unstyled mt-3 mb-4">
                        <li>Ask your leader to create your orgnization<br/>(only founder can do this)</li>
                        <li>Create your account with your organization</li>
                        <li>Share the link of the project to your organization</li>
                    </ul>
                    <a href="{{route('register')}}" class="btn btn-lg btn-block btn-outline-primary">Create my organization</a>
                </div>
            </div>
            <div class="card mb-4 shadow-sm">
                <div class="card-header">
                    <h4 class="my-0 font-weight-normal">My organization already here</h4>
                </div>
                <div class="card-body">
                    {{-- <h1 class="card-title pricing-card-title">$15 <small class="text-muted">/ mo</small></h1> --}}
                    <ul class="list-unstyled mt-3 mb-4">
                        <li>Create account</li>
                        <li>Choose ships and their quantity</li>
                        <li>&nbsp;</li>
                        <li>&nbsp;</li>
                        <li>&nbsp;</li>
                    </ul>
                    <a href="{{route('register')}}" class="btn btn-lg btn-block btn-primary">Join my organization</a>
                </div>
            </div>
            <div class="card mb-4 shadow-sm">
                <div class="card-header">
                    <h4 class="my-0 font-weight-normal">What next?</h4>
                </div>
                <div class="card-body">
                    {{-- <h1 class="card-title pricing-card-title">$15 <small class="text-muted">/ mo</small></h1> --}}
                    <ul class="list-unstyled mt-3 mb-4">
                        <li>The project is at it's beginning</li>
                        <li>Ask us to add functionnalities</li>
                        <li>Coming this week : Fleetview export :)</li>
                        <li><a href="https://discord.gg/TVZFnTY">Discord</a></li>
                        <li>https://discord.gg/TVZFnTY</li>
                        <li>&nbsp;</li>
                    </ul>
                    <a target="_blank" href="https://discord.gg/TVZFnTY" class="btn btn-lg btn-block btn-primary">Ask your questions</a>
                </div>
            </div>
            <!--<div class="card mb-4 shadow-sm">
                <div class="card-header">
                    <h4 class="my-0 font-weight-normal">Enterprise</h4>
                </div>
                <div class="card-body">
                    <h1 class="card-title pricing-card-title">$29 <small class="text-muted">/ mo</small></h1>
                    <ul class="list-unstyled mt-3 mb-4">
                        <li>30 users included</li>
                        <li>15 GB of storage</li>
                        <li>Phone and email support</li>
                        <li>Help center access</li>
                    </ul>
                    <button type="button" class="btn btn-lg btn-block btn-primary">Contact us</button>
                </div>
            </div>-->
        </div>

        <div class="pricing-header px-3 py-3 pt-md-3 pb-md-4 mx-auto text-center">
            <a style="margin-left: 20px;" class="btn btn-primary" href="https://fr.tipeee.com/sc-organization-manager">Support the project</a>
        </div>

        <div class="pricing-header px-3 py-3 pt-md-3 pb-md-4 mx-auto text-center">
            <p class="lead">Somebody take your handle ? ask us, we'll make the necessary</p>
        </div>
    </div>
    @stop