@extends('tenant.settings.general.all-general-settings')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.general_settings') => route('tenant.settings.general.show-page', [
                'type' => 'company-information',
            ]),
            __('breadcrumb.company_data') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'settings.general.company-information'])
@endsection

@section('settings-content')
    <div class="inner-content-layout form-bg-color p-4 rounded-form">

        <form action="{{ route('tenant.settings.general.update-company-information') }}" method="post"
            id="update_company_information" enctype="multipart/form-data">
            @csrf
            <div class="row my-4">
                <div class="col">
                    <label for="name" class="rs">@lang('settings/general/company-information.company_name') </label>
                    <input type="text" name="name" id="name" class="form-control"
                        placeholder="{{ __('settings/general/company-information.company_name_arabic') }}"
                        value="{{ old('name') ? old('name') : $company['name'] }}" required>
                </div>
                <div class="col">
                    <label for="en_name">@lang('settings/general/company-information.english_company_name') </label>
                    <input type="text" name="en_name" id="en_name" class="form-control"
                        placeholder="{{ __('settings/general/company-information.english_company_name') }}"
                        value="{{ old('en_name') ? old('en_name') : $company['en_name'] }}">
                </div>
                <div class="col">
                    <label for="owner" class="rs"> @lang('settings/general/company-information.owner_company')</label>
                    <input type="text" name="owner" id="owner" class="form-control"
                        placeholder="{{ __('settings/general/company-information.owner_company') }} "
                        value="{{ old('owner') ? old('owner') : $company['owner'] }}" required>
                </div>
                <div class="col">
                    <label for="email"> @lang('settings/general/company-information.email')</label>
                    <input type="email" name="email" id="email" class="form-control"
                        placeholder="{{ __('settings/general/company-information.email') }}"
                        value="{{ old('email') ? old('email') : $company['email'] }}">
                </div>
            </div>
            <div class="row my-4">
                <div class="col">
                    <label for="id_number"> @lang('settings/general/company-information.id_number')</label>
                    <input type="number" min="0" name="id_number" id="id_number" class="form-control"
                        value="{{ old('id_number') ? old('id_number') : $company['id_number'] }}">
                </div>
                <div class="col">
                    <label for="phone" class="rs"> @lang('settings/general/company-information.phone')</label>
                    <input type="number" min="0" name="phone" id="phone" class="form-control"
                        placeholder="{{ __('settings/general/company-information.phone') }}"
                        value="{{ old('phone') ? old('phone') : $company['phone'] }}" required>
                </div>
                <div class="col">
                    <label for="fax"> @lang('settings/general/company-information.fax')</label>
                    <input type="number" min="0" name="fax" id="fax" class="form-control"
                        placeholder="{{ __('settings/general/company-information.fax') }}"
                        value="{{ old('fax') ? old('fax') : $company['fax'] }}">
                </div>
                <div class="col">
                    <label for="website"> @lang('settings/general/company-information.website')</label>
                    <input type="text" name="website" id="website" class="form-control"
                        placeholder="{{ __('settings/general/company-information.website') }}"
                        value="{{ old('website') ? old('website') : $company['website'] }}">
                </div>
            </div>
            <div class="row my-4">
                <div class="col">
                    <label for="register_date"> @lang('settings/general/company-information.register_date')</label>
                    <x-input-date identifier="register_date" name="register_date" :value="old('register_date') ?? $company['register_date']?->format(config('app.date_format'))"></x-input-date>
                </div>
                <div class="col">
                    <label for="governorate"> @lang('settings/general/company-information.governorate')</label>
                    <input type="text" name="governorate" id="governorate" class="form-control"
                        placeholder="{{ __('settings/general/company-information.governorate') }}"
                        value="{{ old('governorate') ? old('governorate') : $company['address']->governorate }}">
                </div>
                <div class="col">
                    <label for="neighborhood"> @lang('settings/general/company-information.neighborhood')</label>
                    <input type="text" name="neighborhood" id="neighborhood" class="form-control"
                        placeholder="{{ __('settings/general/company-information.neighborhood') }}"
                        value="{{ old('neighborhood') ? old('neighborhood') : $company['address']->neighborhood }}">
                </div>
                <div class="col">
                    <label for="street"> @lang('settings/general/company-information.street')</label>
                    <input type="text" name="street" id="street" class="form-control"
                        placeholder="{{ __('settings/general/company-information.street') }}"
                        value="{{ old('street') ? old('street') : $company['address']->street }}">
                </div>
            </div>
            <div class="row align-items-center my-4">
                <div class="col-3">
                    <div>
                        <label for="under_tax"> @lang('settings/general/company-information.under_tax')</label>
                        <input type="checkbox" name="under_tax" id="under_tax" class="custom-checkbox mx-3"
                            value="1" {{ $company['under_tax'] || old($company['under_tax']) ? 'checked' : '' }}>
                        @if ($company['under_tax'])
                            <a href="{{ route('tenant.settings.accounting.taxes.index') }}" target="_blink">
                                @lang('settings/general/company-information.tax_settings')
                            </a>
                        @endif
                    </div>
                </div>
                <div class="col-3 d-flex">
                    <div class="col tax_number_section">
                        <label for="tax_number" class="rs"> @lang('settings/general/company-information.tax_number') </label>
                        <input type="number" min="0" name="tax_number" id="tax_number" class="form-control"
                            value="{{ old('tax_number') ? old('tax_number') : $company['tax_number'] }}">
                    </div>
                </div>
                <div class="col-3 d-flex">
                    <div class="col">
                        <label for="logo" class="upload-file-appearence"> @lang('settings/general/company-information.company_logo')</label>
                        <input type="file" name="logo" id="logo" class="form-control"
                            accept=".jpeg,.png,.jpg">
                    </div>
                </div>
                <div class="col-3 d-flex">
                    <div class="col preview-image-layout">
                        @if ($logo)
                            <img src="{{ $logo }}" alt="Logo Image" class="preview-image">
                            <button type="button" class="btn btn-outline-danger btn-sm" id="remove-logo-btn">
                                @lang('settings/general/company-information.delete')</button>
                        @endif
                    </div>
                </div>
            </div>
            <div class="text-center">
                <button class="btn orange-btn "> @lang('settings/general/company-information.edit')</button>
            </div>
        </form>
    </div>
@endsection

@push('script')
    <script type="module">
        import {
            confirmAndSubmit
        } from '/tenancy/assets/js/helpers.js';

        $(() => {
            $('#remove-logo-btn').on('click', function() {
                $(this).closest('form').append('<input type="hidden" name="remove_logo" value="1">');
                $('.preview-image-layout').html('');
            });

            $('#logo').on('change', function(event) {
                let file = event.target.files[0];
                let img = "<img src='" + URL.createObjectURL(file) + "' class='preview-image' >";
                $('.preview-image-layout').html(img);
                $(this).closest('form').find('input[name="remove_logo"]').remove();
            });


            $('#update_company_information').on('submit', function(e) {
                e.preventDefault();
                confirmAndSubmit('update_company_information', {
                    type: 'green'
                });
            });
        });
    </script>
@endpush