@extends('layouts.master')
@section('title', $title)
@section('content')
<link href="{{ asset('css/Addcompany.css') }}" rel="stylesheet">
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
				 <div class="color">
					<form>
                    <div class="box">
                        <div class="first-box">
                        <img src="{{ asset('images/office.png') }}" />
                        <div class="Present">
                            <p>Add Company</p>
                        </div>
                        </div>
                    </div>
                    <div class="Present1">
                        <p>Basic Information</p>
                    </div>					
					 </form>
					</div>
                    <!-- /.card-header -->
                    @if ($error = Session::get('error'))
                    <div class="alert alert-danger">
                        <p>{{ $error }}</p>
                    </div>
                    @endif
                    @if ($message = Session::get('message'))
                    <div class="alert alert-success">
                        <p>{{ $message }}</p>
                    </div>
                    @endif
                    @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <strong>Whoops!</strong> There were some problems with your input.<br><br>
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                    <form action="{{ route('company.store') }}" method="POST" id="letter-form">
                        <div class="mycontait">
                            @csrf
                            <input type="hidden" name="departmentList" id="departmentList" value="">
                            <div class="left_upper">
                                <div class="d-flex">
									<div class="vancy">
										<label for="inputCompanyName">Company</label>
										<div>
										<input type="text" name="company_name" class="vancy1" id="inputCompanyName" placeholder="Add Company Name" value="{{ old('company_name') }}" required>
										</div>
									</div>
                                </div>
                                <div class="d-flex">
								<div class="vancy">
                                    <label for="inputMobile1">Primary Phone</label>
									<div>
                                    <input type="number" name="mobile1" class="vancy1" id="inputMobile1" placeholder="Add Mobile1" value="{{ old('mobile1') }}" required>
									</div>
                                </div>
                                </div>
                                <div class="d-flex">
								<div class="vancy">
                                    <label for="inputMobile2">Secondary Phone</label>
									<div>
                                    <input type="text" name="mobile2" class="vancy1" id="inputMobile2" placeholder="Add Mobile2" value="{{ old('mobile2') }}">
									</div>
                                </div>
                                </div>
                                <div class="d-flex">
								<div class="vancy">
                                    <label for="inputFax">Fax</label>
                                    <input type="text" name="fax_number" class="vancy1" id="inputFax" placeholder="Add Fax" value="{{ old('fax_number') }}">
                                </div>
                                </div>
                                <div class="d-flex">
								<div class="vancy">
                                    <label for="inputAddress">Address</label>
                                    <input type="text" name="address" class="vancy1" id="inputAddress" placeholder="Add Address" value="{{ old('address') }}" required>
                                </div>
                                </div>
                                <div class="d-flex">
								<div class="vancy">
                                    <label for="inputCity">City</label>
                                    <input type="text" name="city" class="vancy1" id="inputCity" placeholder="Add City" value="{{ old('city') }}" required>
                                </div>
                                </div>
                                <div class="d-flex">
								<div class="vancy">
                                    <label for="inputState">State</label>
                                    <input type="text" name="state" class="vancy1" id="inputState" placeholder="Add State" value="{{ old('state') }}" required>
                                </div>
                                </div>
							</div>
							<div class="left_upper">
							   <div class="d-flex">
							   <div class="vancy">
                                    <label for="inputPincode">Pincode</label>
                                    <input type="text" name="pincode" class="vancy1" id="inputPincode" placeholder="Add Pincode" value="{{ old('pincode') }}" required>
                                </div>
                                </div>
                                <div class="d-flex">
								<div class="vancy">
                                    <label for="inputWebsite">Website</label>
                                    <input type="text" name="website" class="vancy1" id="inputWebsite" placeholder="Add Website" value="{{ old('website') }}">
                                </div>
                                </div>
                                <div class="d-flex">
								<div class="vancy">
                                    <label for="inputDepartments">Departments</label>
                                    <select class="vancy1" name="department" id="departmentSelect">
                                        <option value="edit">Edit Department</option>
                                        <option value="no" selected>No Department</option>
                                    </select>
                                </div>
                                </div>
                             
                               
                                @if(count($extraFields))
                                    @foreach($extraFields as $field)
                                    <div class="d-flex">
									<div class="vancy">
                                        <label for="{{ $field['field_name'] }}">{{ ucfirst($field['field_name']) }}</label>
                                        {!! $field['addHTML'] !!}
                                    </div>
                                    </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
						 <div class="h2">
							<h1>Others</h1>
						  </div>
						<div class="mycontait">
							<div class="left_upper">
							  <div class="d-flex">
								<div class="vancy">
								  <label>Key Technologies</label>
								  <div><input type="text" name="key_technologies" class="vancy1" id="inputKeyTechnologies" placeholder="Add Key Technologies" value="{{ old('key_technologies') }}"></div>
								</div>
							  </div>
							</div>
							<div class="left_upper">
							  <div class="d-flex">
								<div class="vancy">
								  <label>Misc. Notes</label>

								  <div> <textarea row="5" name="misc_notes" class="vancy2" id="inputNotes" placeholder="Add Misc.Notes" value="{{ old('misc_notes') }}" style="height:200px;"></textarea></div>
								</div>
							  </div>
							</div>
						</div>
						<div class="alignmentOfButton">
							<button class="btn" type="submit" id="for-sub" style="width:110px;">Submit</button>
							<a class="btn1" style="color:white;!important" href="{{ route('company.index') }}">Back</a>
						</div>
                       
                    </form>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
</section>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
<script>
    $(function() {
	  $('.form-select').addClass('vancy1');
    });
	
	$(document).on("click","#for-sub",function() {
		$('#loader').show();
		$(this).attr("disabled", 'disabled'); 
		$("#letter-form").submit();
    });
	
</script>
<style>
.alignmentOfButton {display:flex;align-items:center!important;}
.btn1 {width:108px!importnat;padding:5px 31px!important;}

</style>
@include('department::partials.add-department-modal');
@endsection