{% extends 'base.html.twig' %}

{% block title %}Edit Company
{% endblock %}

{% block body %}
	<div class="container position-sticky z-index-sticky top-0">
		<div class="row">
			<div class="col-12">
				{{ block("nav", "libs/nav.html.twig") }}
			</div>
		</div>
	</div>
	<main class="main-content mt-0"> 
		<section>
			<div class="page-header min-vh-100">
				<div class="container">
					<div class="row">
						<div class="col-6 d-lg-flex d-none h-100 my-auto pe-0 position-absolute top-0 start-0 text-center justify-content-center flex-column" style='margin-top:75px!important;'>
							<div id='bg-image' class="position-relative bg-gradient-primary h-100 m-3 px-7 border-radius-lg d-flex flex-column justify-content-center"></div>
						</div>
						<div class="col-xl-4 col-lg-5 col-md-7 d-flex flex-column ms-auto me-auto ms-lg-auto me-lg-5">
							<div class="card card-plain">
								<div class="card-header">
									<h4 class="font-weight-bolder">Edit {{ company.name }}</h4>
									<p class="mb-0">Edit Company Data</p>
								</div>
								<div class="card-body">
									{{ form_errors(form) }}

									{{ form_start(form) }}
									<div class="input-group input-group-outline mb-3 is-filled">
										<label for="company_form_name" class="form-label">Name</label>
										<input type="text" name="{{ field_name(form.name) }}" value='{{ field_value(form.name) }}' id='company_form_name' class="form-control" required="required"/>
									</div>
									<div class="input-group input-group-outline mb-3 is-filled">
										<label for="company_form_address" class="form-label">Address</label>
										<input type="text" name="{{ field_name(form.address) }}" value='{{ field_value(form.address) }}' id='company_form_address' class="form-control" required="required"/>
									</div>
									<div class="input-group input-group-outline mb-3 is-filled">
										<label for="company_form_city" class="form-label">City</label>
										<input type="text" name="{{ field_name(form.city) }}" value='{{ field_value(form.city) }}' id='company_form_city' class="form-control" required="required"/>
									</div>
									<div class="input-group input-group-outline mb-3 is-filled">
										<label for="company_form_state" class="form-label">State</label>
										<input type="text" name="{{ field_name(form.state) }}" value='{{ field_value(form.state) }}' id='company_form_state' class="form-control" required="required"/>
									</div>
									<div class="input-group input-group-outline mb-3 is-filled">
										<label for="company_form_zip" class="form-label">Zip</label>
										<input type="text" name="{{ field_name(form.zip) }}" value='{{ field_value(form.zip) }}' id='company_form_zip' class="form-control" required="required"/>
									</div>
									<div class="input-group input-group-outline mb-3 is-filled">
										<label for="company_form_phone" class="form-label">Phone</label>
										<input type="text" name="{{ field_name(form.phone) }}" value='{{ field_value(form.phone) }}' id='company_form_phone' class="form-control" required="required"/>
									</div>
									<div class="input-group input-group-outline mb-3 is-filled">
										<label for="company_form_email" class="form-label">Email</label>
										<input type="email" name="{{ field_name(form.email) }}" value='{{ field_value(form.email) }}' id='company_form_email' class="form-control" required="required"/>
									</div>
									<div class="input-group input-group-outline mb-3{% if field_value(form.url) %} is-filled{% endif %}">
										<label for="company_form_url" class="form-label">URL</label>
										<input type="text" name="{{ field_name(form.url) }}" value='{{ field_value(form.url) }}' id='company_form_url' class="form-control"/>
									</div>
									<div class='input-group input-group-outline mb-3' id='company-logo'>
										{{ form_row(form.companyLogo) }}
									</div>
									<div class="text-center">
										<button type="submit" class="btn btn-lg bg-gradient-dark btn-lg w-100 mt-4 mb-0">Save Company Data</button>
									</div>
									{{ form_end(form) }}

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
	</main>
{% endblock %}

{% block page_js %}
{% endblock %}

{% block page_css %}
{% set bg_image = asset('img/illustrations/illustration-signup.jpg') %}
{% if company.companyLogo %}
	{% set bg_image = company_image_path~"/"~company.companyLogo %}
{% endif %}
<style type='text/css'>
#bg-image {
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('{{ bg_image }}');
}
</style>
{% endblock %}