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

@section('title','Create 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">
                    <div class="iq-card-header d-flex justify-content-between">
                        <div class="iq-header-title">
                            <h4 class="card-title">Create New Company</h4>
                        </div>
                    </div>
                    <div class="iq-card-body">
                        <form class="autosubmit" action="{{ route('addcompany') }}" method="POST" enctype="multipart/form-data">
                            @csrf

                            <div class="form-group">
                                <label>Company Name <span class="text-danger">*</span></label>
                                <input type="text" name="company_name" class="form-control" placeholder="Company name" required>
                            </div>

                            <div class="form-group">
                                <label>Company Email</label>
                                <input type="email" name="company_email" class="form-control" placeholder="example@domain.com">
                            </div>

                            <div class="form-group">
                                <label>Phone</label>
                                <input type="text" name="company_phone" class="form-control" placeholder="Phone with country code">
                            </div>

                            <div class="form-group">
                                <label>Employer</label>
                                <select name="employer" class="form-control select2">
                                    <option value="">Select Employer</option>
                                    @foreach($employers as $employer)
                                        <option value="{{ $employer->uuid }}">{{ $employer->user?->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>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 }}">{{ $country->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group">
                                <label>Industry</label>
                                <input type="text" name="company_industry" class="form-control" placeholder="Industry">
                            </div>

                            <div class="form-group">
                                <label>Location</label>
                                <input type="text" name="company_location" class="form-control" placeholder="City, Country">
                            </div>

                            <div class="form-group">
                                <label>Founded Year</label>
                                <input type="number" name="company_founded_year" class="form-control" placeholder="e.g., 2010">
                            </div>

                            <div class="form-group">
                                <label>Company Size</label>
                                <input type="text" name="company_size" class="form-control" placeholder="e.g., 100-500 Employees">
                            </div>

                            <div class="form-group">
                                <label>Website</label>
                                <input type="url" name="company_website" class="form-control" placeholder="https://example.com">
                            </div>

                            <div class="form-group">
                                <label>Description</label>
                                <textarea name="company_description" class="form-control" rows="4" placeholder="Company description..."></textarea>
                            </div>

                            <div class="form-group">
                                <label>Logo</label>
                                <input type="file" name="company_logo" class="form-control-file">
                            </div>

                            <hr>
                            <h5>Social Links</h5>
                            <div class="form-group">
                                <label>Twitter</label>
                                <input type="url" name="company_twitter" class="form-control" placeholder="https://twitter.com/">
                            </div>
                            <div class="form-group">
                                <label>LinkedIn</label>
                                <input type="url" name="company_linkedin" class="form-control" placeholder="https://linkedin.com/">
                            </div>
                            <div class="form-group">
                                <label>Facebook</label>
                                <input type="url" name="company_facebook" class="form-control" placeholder="https://facebook.com/">
                            </div>

                            <div class="form-group text-right">
                                <button type="submit" class="btn btn-primary">Create Company</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script src="{{asset('portal/js/formsubmission.js')}}"></script>
@endsection