@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>{{ $company->name }}</h3>
            </div>


            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
        @endif

        <!-- Row -->
{{--            <form method="post" enctype="multipart/form-data" action="{{ route( 'companies.update', $company->ID ) }}" class="row">--}}
{{--                @csrf--}}
{{--                    {{ method_field('PUT') }}--}}

{{--                <!-- 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="{{ $company->image }}" 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="{{ $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="{{ request()->input( 'address' ) }}">--}}
{{--                                                        --}}{{--<input id="autocomplete-input" class="with-border" type="text" placeholder="Type Address">--}}
{{--                                                        <input type="hidden" id="lat" name="location[latitude]" value="{{ request()->input( 'location.latitude' ) }}">--}}
{{--                                                        <input type="hidden" id="lng" name="location[longitude]" value="{{ request()->input( 'location.longitude' ) }}">--}}
{{--                                                        <input type="hidden" id="lng" name="location[radius]" value="{{ request()->input( 'radius' ) }}">--}}
{{--                                                    </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>--}}
{{--                                                <textarea name="description" cols="30" rows="5" class="with-border">{{ $company->description }}</textarea>--}}
{{--                                            </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> Update company--}}
{{--                    </button>--}}
{{--                </div>--}}
{{--            </form>--}}
            <!-- Row / End -->

            <company-form
                    :form-data="{{ json_encode( (new \App\Http\Resources\API\V1\CompanyResource($company) )->toArray( request() ) ) }}"
                    form-url="{{ route( 'companies.update', $company->ID ) }}"
                    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