@extends('layouts.app')
@section('content')
@if($errors->any())
    {{ implode('', $errors->all('<div>:message</div>')) }}
@endif
<section class="employerSec">
    <div class="container">
      <form  class="formStyle row" method="POST" action="{{ route('register') }}">
        @csrf
        <div class="col-md-12 mb-5">
            <h2 class="sec_heading">School district / employer</h2>
        </div>
          <div class="col-md-12">
              <label for="">School district/employer *</label>
              <select id="name" class="form-control @error('name') is-invalid @enderror" name="name" autocomplete="name" autofocus>
                  <option>Choose an option</option>
              </select>
              @error('name')
              <span class="invalid-feedback" role="alert">
              <strong>{{ $message }}</strong>
            </span>
              @enderror
          </div>
        <div class="col-md-6">
          <label for="">First Name *</label>
          <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>
          @error('name')
            <span class="invalid-feedback" role="alert">
              <strong>{{ $message }}</strong>
            </span>
          @enderror
        </div>
        <div class="col-md-6">
          <label for="">Last Name *</label>
          <input type="text" class="form-control" name="last_name">
        </div>
        <div class="col-md-12">
          <label for="">Email Address *</label>
          <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">
          @error('email')
              <span class="invalid-feedback" role="alert">
                  <strong>{{ $message }}</strong>
              </span>
          @enderror
        </div>
        <div class="col-md-6">
          <label for="">Password *</label>
          <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">
          <div class="col-md-6">
            @error('password')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        </div>
        <div class="col-md-6">
          <label for="">Confirm Password *</label>
          <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
        </div>
        <div class="col-md-6">
          <label for="">Fax Number *</label>
          <input type="text" class="form-control" name="office_phone">
        </div>
        <div class="col-md-6">
          <label for="">Mobile Phone</label>
          <input type="text" class="form-control" name="mobile_phone">
        </div>
        <div class="col-md-12">
          <label for="">Address Line 1</label>
          <input type="text" class="form-control" name="address_line_1">
        </div>
{{--        <div class="col-md-12">--}}
{{--          <label for="">Address Line 2</label>--}}
{{--          <input type="text" class="form-control" name="address_line_2">--}}
{{--        </div>--}}
          <div class="col-md-4">
              <label for="">Country</label>
              <select name="" class="form-control" name="country">
                  <option value="1">USA</option>
              </select>
          </div>
          <div class="col-md-4">
              <label for="">State</label>
              <select class="form-control" name="state">
                  <option value="1">Ohio</option>
{{--                  @foreach ($stateModel as $item)--}}
{{--                      <option value="{{$item->id}}" >{{ $item->name  }}</option>--}}
{{--                  @endforeach--}}
              </select>
          </div>
          <div class="col-md-4">
          <label for="">City</label>
          <select  class="form-control" name="city">
            <option value="">Select</option>
            @foreach ($citiesModel as $item)
              <option value="{{$item->id}}" >{{ $item->name  }}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-4">
          <label for="">Zip Code</label>
          <input type="text" class="form-control" name="zip_code">
        </div>
        <div class="col-md-4">
          <label for="">Web Site</label>
          <input type="text" class="form-control" name="website">
        </div>

{{--        <div class="col-md-4">--}}
{{--          <label for="">Apply Now Link</label>--}}
{{--          <input type="text" class="form-control" name="apply_now_link">--}}
{{--        </div>--}}
        <div class="col-md-4">
          <label for="">Contact fax</label>
          <input type="text" class="form-control" name="contact_fax">
        </div>
        <div class="col-md-3">
          <label for="">Contact Email</label>
          <input type="text" class="form-control" name="contact_email">
        </div>
        <div class="col-md-3">
          <label for="">School Type</label>
          <select name="" class="form-control" name="school_type">
            <option value="">Select</option>
          </select>
        </div>
{{--        <div class="col-md-3">--}}
{{--          <label for="">Number of Employees</label>--}}
{{--          <input type="number" class="form-control" name="no_of_employee">--}}
{{--          </select>--}}
{{--        </div>--}}
{{--        <div class="col-md-9">--}}
{{--          <label for="">Time Zone</label>--}}
{{--          <input type="text" class="form-control" name="time_zone">--}}
{{--        </div>--}}
{{--        <div class="col-md-3">--}}
{{--          <label for="">Date Format</label>--}}
{{--          <input type="text" class="form-control" name="date_format">--}}
{{--        </div>--}}
        <div class="col-md-12 text-center mt-4">
          <button class="themeBtn">Save</button>
        </div>
      </form>
    </div>
  </section>
@endsection