@extends('layouts.app')

@section('head')

<link href="{{ asset('frontend-assets/css/collegeformregistration.css') }}" rel="stylesheet">
<style type="text/css">
    select.form-control {
        padding: 0px 12px;
    }
     
</style>
@endsection

@section('content')
@if($bg = setting_item("contact_page_back_id"))
@php $bg = setting_item("contact_page_back_id"); @endphp
@else
@php $bg = '';@endphp
@endif
@if( env('APP_THEME')=='Theme1')

@elseif( env('APP_THEME')=='Theme2')

<div class="jumbotron d-flex align-items-center justify-content-center" style="
        background-image: linear-gradient(
            to right,
            rgba(32, 27, 31, 0.24),
            rgba(32, 27, 31, 0.24)
          ),
          url({{get_file_url($bg,'full')}});
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 50vh;
      ">
        <div class="image-content-text text-white">
            <h1>Career</h1>
            <p class="text-center">Home |Career</p>
        </div>
    </div>

    <div class="container py-4">

        <div class="row block0 " data-aos="fade-right" data-aos-duration="1000">
            <div class="col-md-8 col-12 programCol py-4">
                <h1 class="headTag m-0">Join With Us</h1>
            </div>
        </div>
        <div class="row">
            <div class="col-6">
            @if($contact_image = setting_item("career_page_image"))
@php $contact_image = setting_item("career_page_image"); @endphp
@else
@php $contact_image = '';@endphp
@endif
  <img src="{{get_file_url($contact_image,'full')}}" alt="" width="100%" />
            </div>
            <div class="col-6">
                <form action="//submit.form" id="EmploymentApplication100" method="post"
                    onsubmit="return ValidateForm(this);">
                    <script type="text/javascript">
                        function ValidateForm(frm) {
                            if (frm.First_Name.value == "") { alert('First name is required.'); frm.First_Name.focus(); return false; }
                            if (frm.Last_Name.value == "") { alert('Last name is required.'); frm.Last_Name.focus(); return false; }
                            if (frm.Email_Address.value == "") { alert('Email address is required.'); frm.Email_Address.focus(); return false; }
                            if (frm.Email_Address.value.indexOf("@") < 1 || frm.Email_Address.value.indexOf(".") < 1) { alert('Please enter a valid email address.'); frm.Email_Address.focus(); return false; }
                            if (frm.Position.value == "") { alert('Position is required.'); frm.Position.focus(); return false; }
                            if (frm.Phone.value == "") { alert('Phone is required.'); frm.Phone.focus(); return false; }
                            return true;
                        }
                    </script>
                    <table border="0" cellpadding="5" cellspacing="0">
                        <tr>
                            <td style="width: 60%">
                                <label for="First_Name"><b>First name *</b></label><br />
                                <input name="First_Name" type="text" maxlength="50"
                                    style="width:100%;max-width: 260px" />
                            </td>
                            <td style="width: 60%">
                                <label for="Last_Name"><b>Last name *</b></label><br />
                                <input name="Last_Name" type="text" maxlength="50"
                                    style="width:100%;max-width: 260px" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <label for="Email_Address"><b>Email *</b></label><br />
                                <input name="Email_Address" type="text" maxlength="100"
                                    style="width:100%;max-width: 535px" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="23">
                                <label for="Portfolio"><b>Portfolio website</b></label><br />
                                <input name="Portfolio" type="text" maxlength="255" value="http://"
                                    style="width:100%;max-width: 535px" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <label for="Position"><b>Position you are applying for *</b></label><br />
                                <input name="Position" type="text" maxlength="100"
                                    style="width:100%;max-width: 535px" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="Salary"><b>Salary requirements</b></label><br /> <input name="Salary"
                                    type="text" maxlength="50" style="width:100%;max-width: 260px" />
                            </td>
                            <td>
                                <label for="StartDate"><b>When can you start?</b></label><br />
                                <input name="StartDate" type="text" maxlength="50"
                                    style="width:100%;max-width: 260px" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="Phone"><b>Phone *</b></label><br />
                                <input name="Phone" type="text" maxlength="50" style="width:100%;max-width: 260px" />
                            </td>
                            <td>
                                <label for="Fax"><b>Fax</b></label><br />
                                <input name="Fax" type="text" maxlength="50" style="width:100%;max-width: 260px" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <label for="Relocate"><b>Are you willing to relocate?</b></label><br />
                                <input name="Relocate" type="radio" value="Yes" checked="checked" /> Yes
                                <input name="Relocate" type="radio" value="No" /> No
                                <input name="Relocate" type="radio" value="NotSure" /> Not sure
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <label for="Organization"><b>Last School you worked for</b></label><br />
                                <input name="Organization" type="text" maxlength="100"
                                    style="width:100%;max-width: 535px" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <label for="Reference"><b>Reference / Comments / Questions</b></label><br />
                                <textarea name="Reference" rows="7" cols="40"
                                    style="width:100%;max-width: 535px"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <input name="skip_submit" type="submit" value="Send Application" />
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>

    </div>
    <!-- End Contact Us-->
@else
@endif
@endsection