@extends('portal.layouts.app', [
    'class' => '',
    'elementActive' => ''
])

@section('title','Update Company')

@section('content')
<div id="content-page" class="content-page">
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="iq-card shadow-sm border-0 rounded-lg">
                    <div class="iq-card-header d-flex justify-content-between align-items-center bg-primary text-white rounded-top">
                        <h4 class="card-title mb-0">Update Company</h4>
                    </div>
                    <div class="iq-card-body p-4">
                        <form class="autosubmit" action="{{ route('updatecompany', $company->uuid) }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            @method('PUT')

                            {{-- Basic Details --}}
                            <h5 class="mb-3 text-primary border-bottom pb-2">Basic Information</h5>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="font-weight-bold">Company Name <span class="text-danger">*</span></label>
                                    <input type="text" name="company_name" class="form-control" value="{{ $company->name }}" required>
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label class="font-weight-bold">Company Email</label>
                                    <input type="email" name="company_email" class="form-control" value="{{ $company->email }}">
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label class="font-weight-bold">Phone</label>
                                    <input type="text" name="company_phone" class="form-control" value="{{ $company->phone }}">
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label class="font-weight-bold">Employer</label>
                                    <select name="employer" class="form-control select2">
                                        <option value="">Select Employer</option>
                                        @foreach($employers as $employer)
                                            <option value="{{ $employer->uuid }}" {{ $company->employer_id == $employer->id ? 'selected' : '' }}>
                                                {{ $employer->user?->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label class="font-weight-bold">Country</label>
                                    <select name="country" class="form-control select2">
                                        <option value="">Select Country</option>
                                        @foreach(App\Models\Country::orderBy('name')->get() as $country)
                                            <option value="{{ $country->uuid }}" {{ $company->country_id == $country->id ? 'selected' : '' }}>
                                                {{ $country->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label class="font-weight-bold">Industry</label>
                                    <input type="text" name="company_industry" class="form-control" value="{{ $company->industry }}">
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label class="font-weight-bold">Location</label>
                                    <input type="text" name="company_location" class="form-control" value="{{ $company->location }}">
                                </div>

                                <div class="col-md-3 mb-3">
                                    <label class="font-weight-bold">Founded Year</label>
                                    <input type="number" name="company_founded_year" class="form-control" value="{{ $company->year_founded }}">
                                </div>

                                <div class="col-md-3 mb-3">
                                    <label class="font-weight-bold">Company Size</label>
                                    <input type="text" name="company_size" class="form-control" value="{{ $company->size }}">
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label class="font-weight-bold">Website</label>
                                    <input type="url" name="company_website" class="form-control" value="{{ $company->website }}">
                                </div>
                            </div>

                            {{-- Description --}}
                            <div class="mb-4">
                                <label class="font-weight-bold">Description</label>
                                <textarea name="company_description" class="form-control" rows="4">{{ $company->description }}</textarea>
                            </div>

                            {{-- Logo Upload --}}
                            <h5 class="mb-3 text-primary border-bottom pb-2">Company Logo</h5>
                            <div class="form-group text-center mb-4">
                                @if($company->logo)
                                    <img id="logoPreview" src="{{ asset('storage/'.$company->logo) }}" alt="Logo" class="img-fluid rounded shadow-sm mb-3" style="max-height:120px;">
                                @else
                                    <img id="logoPreview" src="#" alt="Logo Preview" style="display:none; max-height:120px;" class="img-fluid rounded shadow-sm mb-3">
                                @endif
                                <input type="file" name="company_logo" class="form-control-file d-inline-block" onchange="previewLogo(this)">
                                <small class="form-text text-muted">Allowed: JPG, JPEG, PNG | Max: 4MB</small>
                            </div>

                            {{-- Social Links --}}
                            <h5 class="mb-3 text-primary border-bottom pb-2">Social Links</h5>
                            <div class="row">
                                <div class="col-md-4 mb-3">
                                    <label class="font-weight-bold">Twitter</label>
                                    <input type="url" name="company_twitter" class="form-control" value="{{ $company->twitter }}">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="font-weight-bold">LinkedIn</label>
                                    <input type="url" name="company_linkedin" class="form-control" value="{{ $company->linkedin }}">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="font-weight-bold">Facebook</label>
                                    <input type="url" name="company_facebook" class="form-control" value="{{ $company->facebook }}">
                                </div>
                            </div>

                            <div class="form-group text-right mt-4">
                                <button type="submit" class="btn btn-primary px-4 py-2 rounded-pill shadow-sm">
                                    <i class="fa fa-save mr-1"></i> Update Company
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script src="{{asset('portal/js/formsubmission.js')}}"></script>
<script>
function previewLogo(input) {
    const file = input.files[0];
    if (file) {
        const reader = new FileReader();
        reader.onload = e => {
            const preview = document.getElementById('logoPreview');
            preview.src = e.target.result;
            preview.style.display = 'block';
        };
        reader.readAsDataURL(file);
    }
}
</script>
@endsection