@extends('administration.layouts.master')
@section('page_content')

<!-- PAGE TITLE -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0 font-size-18">@lang('translation.sf_menus.administration.main')</h4>
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="#">@lang('translation.sf_menus.administration.main')</a></li>
                    <li class="breadcrumb-item active">@lang('translation.sf_menus.administration.company')</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-xxl-12">
        <div class="card">
            <div class="card-header">
                <h6 class="card-title mb-0">@lang('translation.sf_menus.administration.company')</h6>
            </div>
            <div class="card-body">
                <form id="companyForm" action="{{ route('company.update') }}" method="POST">
                    @csrf
                    <input type="hidden" class="form-control" id="company_id" name="company_id"/>
    
                    <div class="row">
    
                        <div class="col-lg-4 align-self-center">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="text-center">
                                        <img class="rounded" alt="Company" width="250" name="company_image">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <div class="row">
                                <!-- Name -->
                                <div class="col-lg-4">
                                    <div class="mb-3">
                                        <label for="company_name" class="form-label">@Lang('translation.contents.name')</label>
                                        <input type="text" class="form-control" id="company_name" name="company_name" placeholder="">
                                    </div>
                                </div>

                                <!-- ICE -->
                                <div class="col-lg-4">
                                    <div class="mb-3">
                                        <label for="company_ice" class="form-label">@Lang('translation.contents.ice')</label>
                                        <input type="text" class="form-control" id="company_ice" name="company_ice" placeholder="">
                                    </div>
                                </div>

                                <!-- VAT -->
                                <div class="col-lg-4">
                                    <div class="mb-3">
                                        <label for="company_vat" class="form-label">@Lang('translation.contents.vat')</label>
                                        <input type="text" class="form-control" id="company_vat" name="company_vat" placeholder="">
                                    </div>
                                </div>

                                <!-- Address -->
                                <div class="col-lg-12">
                                    <div class="mb-3">
                                        <label for="company_address" class="form-label">@Lang('translation.contents.address')</label>
                                        <textarea class="form-control" id="company_address" name="company_address" placeholder="" rows="4"></textarea>
                                    </div>
                                </div>

                                <!-- Phone -->
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label for="company_phone" class="form-label">@Lang('translation.contents.phone')</label>
                                        <input type="text" class="form-control" id="company_phone" name="company_phone" placeholder="">
                                    </div>
                                </div>

                                <!-- Email -->
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label for="company_email" class="form-label">@Lang('translation.contents.email')</label>
                                        <input type="text" class="form-control" id="company_email" name="company_email" placeholder="">
                                    </div>
                                </div>

                                <!-- Licence Qty -->
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label for="company_licence_qty" class="form-label">@Lang('translation.contents.licence_qty')</label>
                                        <input type="number" class="form-control" id="company_licence_qty" name="company_licence_qty" readonly>
                                    </div>
                                </div>

                                <!-- Backup Limit (Days) -->
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label for="company_backup_limit" class="form-label">@Lang('translation.contents.backup_limit_days')</label>
                                        <input type="number" class="form-control" id="company_backup_limit" name="company_backup_limit" readonly>
                                    </div>
                                </div>

                                <!-- URL -->
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label for="company_url" class="form-label">URL</label>
                                        <input type="text" class="form-control" id="company_url" name="company_url" placeholder="">
                                    </div>
                                </div>

                                <!-- Image URL -->
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label for="company_image_url" class="form-label">@Lang('translation.contents.image_url')</label>
                                        <input type="file" class="form-control" id="company_image_url" name="company_image_url" placeholder="">
                                    </div>
                                </div>
                            
                                <!-- Buttons -->
                                @if(auth()->user()->hasPermissionTo('edit', null))
                                <div class="col-lg-12">
                                    <div class="hstack gap-2 justify-content-end">
                                        <button type="submit" class="btn btn-soft-success">@Lang('translation.update')</button>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
    
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection
@section('custom_scripts')
    <script src="{{ URL::asset('build/js/apps/administration/company.js') }}"></script>
@endsection