@extends('admin.layouts.adminpanel')

@section('page_header')
    @php
        $page_title = __('Company Details');
    @endphp

    @include('admin.partials.page_header')
@endsection

@section('content')
    <div class="container-fluid">
        <form id="company-data-form" method="post" action="{{ route('company-data.update') }}">
            @method('PATCH')
            <div class="card card-default">
                <div class="card-body">
                    <div class="alert alert-danger" style="display:none"></div>
                    <div class="alert alert-success" style="display:none"></div>
                    <div class="form-group">
                        <label for="file_logo">{{ __('Logo') }}</label>
                        <div>
                            <img id="client_logo" alt="Logo"
                                style="padding-bottom:20px;max-width: 200px; max-height: 200px; object-fit: contain;@if (!$client || !$client->logo) display:none; @endif"
                                @if ($client && $client->logo) src="{{ asset('storage/logos/' . $client->logo) }}" @endif>
                        </div>
                        <div class="col-md-10">
                            <div class="custom-file">
                                <input type="file" class="custom-file-input" id="file_logo" name="file_logo"
                                    accept="image/*">
                                <label class="custom-file-label" for="file_logo">{{ __('Choose file') }}</label>
                            </div>
                            <span id="file_logo-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="name">*{{ __('Commercial Name') }}</label>
                        <div class="col-md-10">
                            <input class="form-control" id="name" name="name" value="{{ $client->name ?? '' }}">
                            <span id="name-error" class="invalid-feedback" style="font-weight:bold" role="alert"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="phone">{{ __('Phone') }}</label>
                        <div class="col-md-10">
                            <input type="text" class="form-control" id="phone" name="phone"
                                value="{{ $client_admin->phone ?? '' }}" placeholder="(123) 456-7890">
                            <span id="phone-error" class="invalid-feedback" style="font-weight:bold" role="alert"></span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="direccion_comercial">{{ __('Commercial Address') }}</label>
                        <div class="col-md-10">
                            <input class="form-control mapAutocomplete" id="direccion_comercial" name="direccion_comercial"
                                value="{{ $client->direccion_comercial ?? '' }}" placeholder="Introduce una ubicación"><br>
                            <span id="direccion_comercial-error" class="invalid-feedback" style="font-weight:bold"
                                role="alert"></span>

                            {{-- Map --}}
                            <div class="clear-map" style="width:100%;text-align:right"><a href="#" class="button-link"
                                    onclick="clearMap(event)">{{ __('Clear address') }}</a></div>

                            <div class="map" style="width:100%; height:400px; display:none;"></div>

                            <div class="form-group" style="display:none">
                                <label for="latitude">{{ __('Latitude') }}</label>
                                <div class="col-md-10">
                                    <input class="form-control" id="latitude" name="latitude"
                                        value="{{ $client->latitude ?? '' }}">
                                </div>
                                <label for="longitude">{{ __('Longitude') }}</label>
                                <div class="col-md-10">
                                    <input class="form-control" id="longitude" name="longitude"
                                        value="{{ $client->longitude ?? '' }}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {{-- buttons --}}
            <div class="card">
                <div class="card-body">
                    <div class="form-group row" style="margin-bottom:0">
                        <a href="javascript:loadContent('{{ route('panel') }}')" id="cancel" name="cancel"
                            class="btn btn-default custom-btn">{{ __('Cancel') }}</a>
                        <button type="submit" class="btn btn-info custom-btn">{{ __('Save') }}</button>
                    </div>
                </div>
            </div>
            <br>
        </form>
    </div>
    <script>
        $(function() {
            bsCustomFileInput.init();
        });

        $('#phone').mask('(000) 000-0000');

        @if (!empty($client->latitude) && !empty($client->longitude))
            latitude = parseFloat("{{ $client->latitude }}");
            longitude = parseFloat("{{ $client->longitude }}");

            loadMap(parseFloat({{ $client->latitude }}), parseFloat({{ $client->longitude }}));
        @endif
    </script>
@endsection