@extends('admin.master')
@section('title', 'Company Create')
@section('breadcrumb')
    <div class="breadcrumb-area">
        <h5>{{ translate('Dashboard') }}</h5>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ translate('Dashboard') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ translate('Company Create') }}</li>
            </ol>
        </nav>
    </div>
@endsection
@section('main_content')
    <div class="main-content">
        <div class="row mb-35">
            <div class="page-title d-flex justify-content-between align-items-center">
                <h4>{{ translate('Create Company') }}</h4>
                <a href="{{ route('admin.company') }}" class="eg-btn btn--primary back-btn">
                    <img src="{{ asset('backend/assets/images/icons/back.svg') }}"
                        alt="back-icon">{{ translate('Go Back') }}</a>
            </div>
        </div>
        <form method="POST" action="{{ route('admin.company.store') }}" class="add-form" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-sm-9">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card-header dashboard-header"> {{ translate('Owner Information') }} </div>
                            <div class="eg-card product-card">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label> {{ translate('First Name') }}<span>*</span> </label>
                                            <input type="text" class="username-input" name="first_name"
                                                placeholder="{{ translate('Enter Your First Name') }}">
                                            <span class="text-danger error-text first_name_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label> {{ translate('Last Name') }}<span>*</span></label>
                                            <input type="text" class="username-input" name="last_name"
                                                placeholder="{{ translate('Enter Your Last Name') }}">
                                            <span class="text-danger error-text last_name_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Phone') }}</label>
                                            <input type="text" class="username-input" name="phone"
                                                placeholder="{{ translate('Enter Your Phone') }}">
                                            <span class="text-danger error-text phone_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Email') }} <span>*</span></label>
                                            <input type="email" class="username-input" name="email"
                                                placeholder="{{ translate('Enter Your Email') }}">
                                            <span class="text-danger error-text email_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label> {{ translate('Password') }} <span>*</span></label>
                                            <input type="password" class="username-input" name="password"
                                                placeholder="********">
                                            <span class="text-danger error-text password_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Confirm Password') }} <span>*</span></label>
                                            <input type="password" class="username-input" name="confirm_password"
                                                placeholder="********">
                                            <span class="text-danger error-text confirm_password_err"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="card-header dashboard-header">{{ translate('Company Info') }} </div>
                            <div class="eg-card product-card">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Company Name') }} <span>*</span></label>
                                            <input type="text" class="username-input" name="company_name"
                                                placeholder="{{ translate('Enter Your Name') }}">
                                            <span class="text-danger error-text company_name_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Email') }} <span>*</span></label>
                                            <input type="text" class="username-input" name="company_email"
                                                placeholder="{{ translate('Enter Your Email') }}">
                                            <span class="text-danger error-text company_email_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Phone') }} <span>*</span></label>
                                            <input type="text" class="username-input" name="company_phone_number"
                                                placeholder="{{ translate('Enter Your Phone') }}">
                                            <span class="text-danger error-text company_phone_number_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Total Employees') }} <span>*</span></label>
                                            <input type="number" class="username-input" name="company_size"
                                                placeholder="{{ translate('Enter Number of employees') }}">
                                            <span class="text-danger error-text company_size_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label> {{ translate('Category Type') }} <span>*</span></label>
                                            <select class="form-select" name="company_type" id="company_type_id"
                                                aria-label="Default select example">
                                                <option disabled selected> {{ translate('Open this select menu') }}
                                                </option>
                                                @foreach (CompanyType() as $c_type)
                                                    <option value="{{ $c_type->company_type_name }}">
                                                        {{ $c_type->getTranslation('company_type_name') }}</option>
                                                @endforeach
                                            </select>
                                            <span class="text-danger error-text company_type_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Website') }}</label>
                                            <input type="text" class="username-input" name="company_website"
                                                placeholder="{{ translate('Enter Your Website Name') }}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Establishment Date') }}</label>
                                            <input type="date" class="username-input" name="establishment_date">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="card-header dashboard-header">{{ translate('Company Location') }} </div>
                            <div class="eg-card product-card">
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Country') }} <span>*</span></label>
                                            <select class="form-control mb-2 mb-md-0 countryName" name="country_id"
                                                id="countryList">
                                                <option disabled selected> </option>
                                                @foreach (countryAll() as $country)
                                                    <option value="{{ $country->id }}">{{ $country->name }}</option>
                                                @endforeach
                                            </select>
                                            <span class="text-danger error-text country_id_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('State') }} <span>*</span></label>
                                            <select class="form-control mb-2 mb-md-0 stateName" name="state_id"
                                                id="stateList">
                                                <option disabled selected> </option>
                                            </select>
                                            <span class="text-danger error-text state_id_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('City') }} <span>*</span></label>
                                            <select class="form-control mb-2 mb-md-0" name="city_id" id="cityList">
                                                <option disabled selected> </option>
                                            </select>
                                            <span class="text-danger error-text city_id_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Postal code') }} <span>*</span></label>
                                            <input type="text" class="username-input" name="postal_code"
                                                placeholder="{{ translate('Enter Your Postal code') }}">
                                            <span class="text-danger error-text postal_code_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Latitude') }}</label>
                                            <input type="text" class="username-input" name="Latitude"
                                                placeholder="{{ translate('Enter Your Latitude') }}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Longitude') }}</label>
                                            <input type="text" class="username-input" name="Longitude"
                                                placeholder="{{ translate('Enter Your Longitude') }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Address') }} <span>*</span></label>
                                            <input type="text" class="username-input" name="address"
                                                placeholder="{{ translate('Enter Your address') }}">
                                            <span class="text-danger error-text address_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Location Iframe Link') }} <span>*</span></label>
                                            <input type="text" class="username-input" name="iframe_link"
                                                placeholder="{{ translate('Enter Your Location Iframe Link') }}">
                                            <span class="text-danger error-text iframe_link_err"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="card-header dashboard-header">{{ translate('Company Overview') }} </div>
                            <div class="eg-card product-card p-3">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-inner mb-33">
                                            <label>{{ translate('Overview') }} <span>*</span></label>
                                            <textarea id="summernote" name="company_details"></textarea>
                                            <span class="text-danger error-text company_details_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-33">
                                            <label>{{ translate('Vision') }} <span>*</span></label>
                                            <textarea class="description" name="company_vision"></textarea>
                                            <span class="text-danger error-text company_vision_err"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="card-header dashboard-header">{{ translate('Company Social Option') }} </div>
                            <div class="eg-card product-card">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Facebook') }}</label>
                                            <input type="text" class="username-input" name="company_facebook"
                                                placeholder="{{ translate('Enter Your Facebook Link') }}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Twitter') }}</label>
                                            <input type="text" class="username-input" name="company_twitter"
                                                placeholder="{{ translate('Enter Your Twitter Link') }}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Linkedin') }}</label>
                                            <input type="text" class="username-input" name="company_linkedin"
                                                placeholder="{{ translate('Enter Your Linkedin Link') }}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Pinterest') }}</label>
                                            <input type="text" class="username-input" name="company_pinterest"
                                                placeholder="{{ translate('Enter Your Pinterest Link') }}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label> {{ translate('Dribble') }} </label>
                                            <input type="text" class="username-input" name="company_dribble"
                                                placeholder="{{ translate('Enter Your Dribble Link') }}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label> {{ translate('Instagram') }}</label>
                                            <input type="text" class="username-input" name="company_behance"
                                                placeholder="{{ translate('Enter Your Instagram Link') }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <div class="card-header dashboard-header">{{ translate('Working Type') }} </div>
                            <div class="company_working_area eg-card product-card" id="companyWorkingAreaAppend">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="row">
                                            <div class="col-sm-10">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-inner mb-25">
                                                            <label
                                                                for="working-field">{{ translate('Working Field') }}</label>
                                                            <div class="input-area">
                                                                <input type="text" id="company_working_field"
                                                                    name="working_field[1][working_field]">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="form-inner mb-40">
                                                            <label
                                                                for="description">{{ translate('Short Description') }}</label>
                                                            <textarea name="working_field[1][working_description]" id="company_working_description"></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-2">
                                                <div class="d-flex align-items-center justify-content-between mb-50">
                                                    <div class="add-row">
                                                        <button type="button"
                                                            class="add-working-btn eg-btn btn--primary back-btn">
                                                            {{ translate('Add More') }}</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="card-header dashboard-header"> {{ translate('Image') }} </div>
                    <div class="eg-card product-card">
                        <div class="form-inner file-upload mb-35">
                            <label class="control-label">{{ translate('Logo') }} <b>{{ translate('(60px × 60px)') }} <span>*</span></label>
                            <div class="dropzone-wrapper">
                                <div class="dropzone-desc">
                                    <i class="glyphicon glyphicon-download-alt"></i>
                                    <p>{{ translate('Choose an image file or drag it here') }}</p>
                                </div>
                                <input type="file" name="company_logo" class="dropzone dropzone-image">
                                <span class="text-danger error-text company_logo_err"></span>
                            </div>
                            <div class="preview-zone hidden">
                                <div class="box box-solid">
                                    <div class="box-body"></div>
                                </div>
                            </div>
                        </div>
                    </div>                  
                    <div class="eg-card product-card">
                        <div class="form-inner img-upload mb-35">
                            <label class="control-label">{{ translate('Image Gallery') }}<b>{{ translate('(900px × 600px)') }}</label>
                            <div class="dropzone-wrapper">
                                <div class="dropzone-desc">
                                    <i class="glyphicon glyphicon-download-alt"></i>
                                    <p>{{ translate('Choose image files or drag it here') }}</p>
                                </div>
                                <input type="file" name="company_gallery_image[]" class="dropzone galleryImage"
                                    multiple>
                                <span class="text-danger error-text company_gallery_image_err"></span>
                            </div>
                            <div class="gallery-preview-zone hidden">
                                <div class="box box-solid">
                                    <div class="box-body"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="eg-card product-card">
                        <div class="button-group mt-15">
                            <button type="submit"
                                class="eg-btn btn--green medium-btn me-3">{{ translate('Save') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection
@push('post_scripts')
    <script src="{{ asset('backend/assets/js/custom.js') }}"></script>
    @include('js.admin.company')
    @include('js.custom')
@endpush