@extends('admin::layouts.app')

@section('content')
    @php
        $readonly = 'readonly';
        if (auth()->user()->approved_at == null) {
            $readonly = '';
        }
    @endphp
    <section class="content mb-5">
        <div class="container-fluid">
            <form class="form" role="post-data" method="POST" action="/api/admin/company-profile/{{ auth()->user()->id }}"
                reload="true">
                <div class="row titlepad publsih-sticky">
                    <div class="col-md-12">
                        <div class="mt-3 mb-3">
                            <div class="dashbed-border-bottom"></div>
                        </div>
                        <div class="row">
                            <div class="col-sm-8">
                                <h4>{{__('static.company_profile_section')}}</h4>
                                @if (auth()->user()->approved_at == null)
                                    <p class="page-sub-head"><span class="text-danger">Note:</span> Please wait for profile
                                        approval.</p>
                                @endif
                            </div>
                            <div class="col-md-4 text-sm-right mt-2">
                                @if (auth()->user()->approved_at == null)
                                    <button type="button" class="btn-md px-3 py-2 btn-primary" role="button"
                                        data-request="ajax-submit" data-target="[role=post-data]"><i
                                            class="fa fa-check-square-o"></i>
                                        Submit</button>
                                @endif
                                <a href="javascript:history.back()" class="btn-md px-3 py-2 btn-secondary"><i
                                        class="fa fa-chevron-circle-left"></i>{{__('static.back')}}</a>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        @if (auth()->user()->hasRole([App\Helpers\ConstantHelper::BUSINESS_USER]))
                            <div class="loginTabs mt-0 w-100 pr-0 mb-0">
                                <ul class="nav nav-tabs nav-fill" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link {{ \Request::route()->getName() == 'admin.company-profile' ? 'active' : '' }}"
                                            href="{{ route('admin.company-profile') }}">{{__('static.admin_company_profile')}}</a>
                                    </li>

                                    <li class="nav-item">
                                        <a class="nav-link {{ \Request::route()->getName() == 'admin.profile' ? 'active' : '' }}"
                                            href="{{ route('admin.profile') }}">{{__('static.my_profile')}}</a>
                                    </li>
                                </ul>
                            </div>
                        @endif
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="Company">
                                <div class="row mt-4">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{__('static.company_name')}} <span class="text-red">*</span></label>
                                            <input type="text" class="form-control" placeholder="Enter Company Name"
                                                name="company_name"
                                                value="{{ isset($companyProfile->company_name) ? $companyProfile->company_name : '' }}"
                                                {{ $readonly }} />
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{__('static.company_logo')}}<span class="text-red">*</span></label>
                                            @if (auth()->user()->approved_at == null)
                                                <input type="file" class="form-control" name="company_logo"
                                                    id="company-logo" {{ $readonly }} />
                                            @endif
                                            <div id="preview-logo">
                                                @if (isset($companyProfile->company_logo))
                                                    <img src="{{ $companyProfile->company_logo }}" height="100"
                                                        width="100" />
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    {{-- <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Address <span class="text-red">*</span></label>
                                            <input type="text" class="form-control" placeholder="Enter Address"
                                                name="company_location"
                                                value="{{ isset($companyProfile->company_location) ? $companyProfile->company_location : '' }}"
                                                {{ $readonly }} id="map-search" />
                                            <input type="hidden" id="latitude" name="latitude" placeholder="Latitude"
                                                value="{{ isset($companyProfile->latitude) ? $companyProfile->latitude : '' }}"
                                                hidden {{ $readonly }} />
                                            <input type="hidden" id="longitude" name="longitude" placeholder="Longitude"
                                                value="{{ isset($companyProfile->longitude) ? $companyProfile->longitude : '' }}"
                                                hidden {{ $readonly }} />
                                            <input type="hidden" id="country" name="country"
                                                value="{{ isset($companyProfile->country) ? $companyProfile->country : '' }}"
                                                {{ $readonly }} />
                                            <input type="hidden" id="state" name="state"
                                                value="{{ isset($companyProfile->state) ? $companyProfile->state : '' }}"
                                                {{ $readonly }} />
                                            <input type="hidden" id="city" name="city"
                                                value="{{ isset($companyProfile->city) ? $companyProfile->city : '' }}"
                                                {{ $readonly }} />
                                            <input type="hidden" id="postal_code" name="postal_code"
                                                value="{{ isset($companyProfile->postal_code) ? $companyProfile->postal_code : '' }}"
                                                {{ $readonly }} />
                                            <input type="hidden" id="area" name="area"
                                                value="{{ isset($companyProfile->area) ? $companyProfile->area : '' }}"
                                                {{ $readonly }} />
                                        </div>
                                    </div> --}}

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{__('static.bank_name')}} <span class="text-red">*</span></label>
                                            <input type="text" class="form-control" placeholder="Enter Bank Name"
                                                name="bank_name"
                                                value="{{ isset($companyProfile->bank_name) ? $companyProfile->bank_name : '' }}"
                                                {{ $readonly }} />
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{__('static.bank_code')}} <span class="text-red">*</span></label>
                                            <input type="text" class="form-control" placeholder="Enter Bank Code"
                                                name="bank_code"
                                                value="{{ isset($companyProfile->bank_code) ? $companyProfile->bank_code : '' }}"
                                                {{ $readonly }} />
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{__('static.account_number')}} <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control numberonly"
                                                placeholder="Enter Account Number" name="account_number"
                                                value="{{ isset($companyProfile->account_number) ? $companyProfile->account_number : '' }}"
                                                {{ $readonly }} />
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{__('static.vat_number')}} <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" placeholder="Enter your VAT Number"
                                                name="vat_number"
                                                value="{{ isset($companyProfile->vat_number) ? $companyProfile->vat_number : '' }}"
                                                {{ $readonly }} />
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{__('static.vat_expiry_date')}} <span class="text-danger">*</span></label>
                                            <input type="date" class="form-control" placeholder="Enter your IBAN"
                                                name="vat_expiry_date"
                                                value="{{ isset($companyProfile->vat_expiry_date) ? $companyProfile->vat_expiry_date : '' }}"
                                                {{ $readonly }} />
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{__('static.upload_vat_certificate')}} <span class="text-danger">*</span></label>
                                            @if (auth()->user()->approved_at == null)
                                                <input type="file" class="form-control" name="vat_certificate"
                                                    id="vat-certificate" {{ $readonly }} />
                                            @endif
                                            <div>
                                                @if (isset($companyProfile->vat_certificate))
                                                    <a href="{{ $companyProfile->vat_certificate }}" target="_blank">{{__('static.view_document')}} </a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{__('static.company_registratin_number')}} <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control"
                                                placeholder="Enter your Company Registration No" name="registration_no"
                                                value="{{ isset($companyProfile->registration_no) ? $companyProfile->registration_no : '' }}"
                                                {{ $readonly }} />
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{__('static.upload_company_registration_no')}} <span class="text-red">*</span></label>
                                            @if (auth()->user()->approved_at == null)
                                                <input type="file" class="form-control" name="photo_of_registration"
                                                    {{ $readonly }} />
                                            @endif
                                            @if (isset($companyProfile->photo_of_registration))
                                                <div>
                                                    <a href="{{ $companyProfile->photo_of_registration }}"
                                                        target="_blank">{{__('static.view_document')}} </a>
                                                </div>
                                            @endif
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{__('static.company_registration_expiry_date')}} <span
                                                    class="text-danger">*</span></label>
                                            <input type="date" class="form-control" placeholder="Enter your IBAN"
                                                name="registration_expiry_date"
                                                value="{{ isset($companyProfile->registration_expiry_date) ? $companyProfile->registration_expiry_date : '' }}"
                                                {{ $readonly }} />
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>{{__('static.registration_since')}} <span class="text-danger">*</span></label>
                                            <input type="date" class="form-control" placeholder="Enter your IBAN"
                                                name="registration_since"
                                                value="{{ isset($companyProfile->registration_since) ? $companyProfile->registration_since : '' }}"
                                                {{ $readonly }} />
                                        </div>
                                    </div>


                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{__('static.about_the_business')}} <span class="text-red">*</span></label>
                                            <textarea class="form-control" placeholder="Enter About the Business/Artist here" name="about"
                                                {{ $readonly }}>{{ isset($companyProfile->about) ? $companyProfile->about : '' }}</textarea>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{ __('admin.experience') }} <span class="text-red">*</span></label>
                                            <select class="form-control" name="experience"
                                                @if (auth()->user()->approved_at != null) disabled @endif>
                                                @for ($i = 1; $i < 26; $i++)
                                                    <option value="{{ $i . ' year' }}"
                                                        {{ isset($companyProfile->experience) && $companyProfile->experience == $i . ' year' ? 'selected' : '' }}>
                                                        {{ $i . ' year' }}
                                                    </option>
                                                @endfor
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>
@endsection
@section('script')
    <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
    <script
        src="https://maps.googleapis.com/maps/api/js?key={{ config('app.MAP_API_KEY') }}&callback=initAutocomplete&libraries=places&v=weekly"
        defer></script>
    <script>
        // A $( document ).ready() block.
        $('#company-logo').on('change', function(event) {
            handleFileChange(event, 'preview-logo');
        });
        $('#photo-registration-no').on('change', function(event) {
            handleFileChange(event, 'preview-photo-registration-no');
        });
    </script>

    {{-- <script type="text/javascript">
        function initAutocomplete() {
            // update company information
            const input = document.getElementById("map-search");
            const searchBox = new google.maps.places.SearchBox(input);

            searchBox.addListener("places_changed", () => {
                const places = searchBox.getPlaces();
                if (places.length == 0) {
                    return;
                }
                const place = places[0];
                if (place.address_components) {
                    document.getElementById("state").value = getComponentValue(place,
                        "administrative_area_level_1");
                    document.getElementById("city").value = getComponentValue(place, "locality");
                    document.getElementById("country").value = getComponentValue(place, "country");
                    document.getElementById("postal_code").value = getComponentValue(place, "postal_code");
                    document.getElementById("area").value = getComponentValue(place, "sublocality_level_1");
                }
                document.getElementById("latitude").value = place.geometry.location.lat();
                document.getElementById("longitude").value = place.geometry.location.lng();
            });
        }

        function getComponentValue(place, type) {
            for (const component of place.address_components) {
                for (const componentType of component.types) {
                    if (componentType === type) {
                        return component.long_name;
                    }
                }
            }
            return "";
        }

        window.initAutocomplete = initAutocomplete;
    </script> --}}
@endsection