@extends( 'layout.dashboard' )

@push( 'styles' )
    <!-- Include stylesheet -->
    <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyACthij0mF2Hhs6ETMGkQ5eMiB6wdCBtC8&libraries=places"></script>
    <script>
        window.loadGoogle = true;
    </script>
@endpush

@section( 'content' )

    <!-- Dashboard Content
	================================================== -->
    <div class="dashboard-content-container" data-simplebar>
        <div class="dashboard-content-inner">

            <!-- Dashboard Headline -->
            <div class="dashboard-headline">
                <h3>Add a company</h3>
            </div>

        <!-- Row -->
{{--            <form method="post" enctype="multipart/form-data" action="{{ route( 'companies.store' ) }}" class="row">--}}
{{--                @csrf--}}

{{--                <!-- Dashboard Box -->--}}
{{--                <div class="col-xl-12">--}}
{{--                    <div class="dashboard-box margin-top-0">--}}

{{--                        <!-- Headline -->--}}
{{--                        <div class="headline">--}}
{{--                            <h3><i class="icon-material-outline-account-circle"></i> Company Information</h3>--}}
{{--                        </div>--}}

{{--                        <div class="content with-padding padding-bottom-0">--}}

{{--                            <div class="row">--}}

{{--                                <div class="col-auto">--}}
{{--                                    <div class="avatar-wrapper" data-tippy-placement="bottom" title="Change Avatar">--}}
{{--                                        <img class="profile-pic" src="{{ asset( 'images/company-logo-placeholder-alt.png') }}" alt="" />--}}
{{--                                        <div class="upload-button"></div>--}}
{{--                                        <input name="logo" class="file-upload" type="file" accept="image/*" />--}}
{{--                                    </div>--}}
{{--                                </div>--}}

{{--                                <div class="col">--}}
{{--                                    <div class="row">--}}

{{--                                        <div class="col-xl-6">--}}
{{--                                            <div class="submit-field">--}}
{{--                                                <h5>Company Name</h5>--}}
{{--                                                <input type="text" name="company_name" placeholder="E.g. Acme Corp" class="with-border" value="{{ old( 'company_name' ) }}">--}}
{{--                                            </div>--}}
{{--                                        </div>--}}

{{--                                        <div class="col-xl-6">--}}
{{--                                            <div class="submit-field">--}}
{{--                                                <h5>Location</h5>--}}
{{--                                                <div class="input-with-icon">--}}
{{--                                                    <div id="autocomplete-container">--}}
{{--                                                        <input class="with-border" id="autocomplete-input" name="location[address]" type="text" value="{{ old( 'location[address]', request()->input( 'address' ) ) }}">--}}
{{--                                                        --}}{{--<input id="autocomplete-input" class="with-border" type="text" placeholder="Type Address">--}}
{{--                                                        <input type="hidden" id="lat" name="location[latitude]" value="{{ old( 'location[latitude]', request()->input( 'location.latitude' ) ) }}">--}}
{{--                                                        <input type="hidden" id="lng" name="location[longitude]" value="{{ old( 'location[longitude]', request()->input( 'location.longitude' ) ) }}">--}}
{{--                                                    </div>--}}
{{--                                                    <i class="icon-material-outline-location-on"></i>--}}
{{--                                                </div>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}

{{--                                        <div class="col-xl-12">--}}
{{--                                            <div class="submit-field">--}}
{{--                                                <h5>Company Description</h5>--}}
{{--                                                <input type="hidden" name="description">--}}

{{--                                                <div id="description" class="editor"></div>--}}
{{--                                                <textarea minlength="120" name="description" cols="30" rows="5" class="with-border">{{ old( 'description' ) }}</textarea>--}}
{{--                                                <p>Minimum Characters Remaining: <span id="description-character-count">120</span>--}}
{{--                                                </p>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            </div>--}}

{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}


{{--                <div class="col-xl-12">--}}
{{--                    <button type="submit" class="button ripple-effect big margin-top-30">--}}
{{--                        <i class="icon-feather-plus"></i> Add company--}}
{{--                    </button>--}}
{{--                </div>--}}
{{--            </form>--}}
            <!-- Row / End -->

            <company-form
                form-url="{{ route( 'companies.store' ) }}"
                inline-template>
                @include( 'company.form-elements' )
            </company-form>

            <!-- Footer -->
            <div class="dashboard-footer-spacer"></div>
            <div class="small-footer margin-top-15">
                <div class="small-footer-copyrights">
                    © {{ date('Y') }} <strong>{{ env( 'APP_NAME' ) }}</strong>. All Rights Reserved.
                </div>
                <ul class="footer-social-links">
                    <li>
                        <a href="#" title="Facebook" data-tippy-placement="top">
                            <i class="icon-brand-facebook-f"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="Twitter" data-tippy-placement="top">
                            <i class="icon-brand-twitter"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="Google Plus" data-tippy-placement="top">
                            <i class="icon-brand-google-plus-g"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="LinkedIn" data-tippy-placement="top">
                            <i class="icon-brand-linkedin-in"></i>
                        </a>
                    </li>
                </ul>
                <div class="clearfix"></div>
            </div>
            <!-- Footer / End -->

        </div>
    </div>
    <!-- Dashboard Content / End -->

@endsection