@extends('layouts.master')
@section('content')
<style>
  button.w3-bar-item.w3-button {
    background: #032341 !important;
    color: white !important;
    padding: 10px 20px !important;
    cursor: pointer;
    border: none;
    /* text-align: center; */
  }

  .selectize-dropdown.multi.selectize_select.form-control {
    display: none;
    visibility: visible;
    width: 502px;
    top: 0px;
    left: 18px;
    background: #fff;
  }

  .selectize-input.items.not-full.has-options {
    cursor: pointer;
  }

  span.select2.select2-container.select2-container--default span {
    height: 44px;
  }

  input#car_brands-selectized {
    font-size: 14px;
    border: none !important;
    height: 44px;
  }

  .selectize-dropdown {
    background: #fff;
  }

  span.select2-selection.select2-selection--single {
    border-radius: 0px;
  }

  @media (max-width:767px) {
    .custom-mobile-register-input {
      padding-left: 1em !important;
      padding-top: 1em;
    }
  }
  
  .media__fc::placeholder {
    font-size: 12px;
  }

  .media__fc::-moz-placeholder {
    font-size: 12px;
  }

  .media__fc::-webkit-input-placeholder {
    font-size: 12px;
  }
</style>
<!--=================================
 inner-intro -->
<section class="inner-intro bg-1 bg-overlay-white-70">
  <div class="container">
    <div class="row text-center intro-title">
      <div class="col-md-6 text-md-left d-inline-block">
        <h1 class="text-bl">Register</h1>

      </div>
      <div class="col-md-6 text-md-right float-right">
        <ul class="page-breadcrumb">
          <li><a href="#"><i class="fa fa-home"></i> Home</a> <i class="fa fa-angle-double-right"></i></li>
          <li><a href="#">pages</a> <i class="fa fa-angle-double-right"></i></li>
          <li><span>Login</span> </li>
        </ul>
      </div>
    </div>
  </div>
</section>
<section class="login-form page-section-ptb second-sec">
  <div class="container">
    <div class="row">
      @if (isset($errors) and $errors->any())
      <div class="col-xl-12" style="margin-top:50px;">
        <div class="alert alert-danger">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
          <h5 style="font-size:13px; padding-bottom:0px;">
            <strong>{{ t('Oops ! An error has occurred. Please correct the red fields in the form') }}</strong></h5>
          <ul class="list list-check">
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
      </div>
      {{-- <div class="col-xl-2"></div> --}}
      @endif
      <div class="col-md-12">
        <br />
        <div class="section-title">
          <h2>Register As</h2>
        </div>
        <div class="w3-bar w3-black nav-tabs" id="myDIV" style="border-bottom:none; text-align:center;">
          <button class="w3-bar-item w3-button btn1 London active" onclick="openCity('London')">Individual</button>
          <button class="w3-bar-item w3-button Paris btn1 " onclick="openCity('Paris')">Garage owner</button>
          <button class="w3-bar-item w3-button Tokyo btn1" onclick="openCity('Tokyo')">NEW SPARE PARTS SUPPLIER</button>
          <button class="w3-bar-item w3-button lata01 btn1" onclick="openCity('lata01')">USED SPARE PARTS
            SUPPLIER</button>
          <button class="w3-bar-item w3-button lata02 btn1" onclick="openCity('lata02')">INSURANCE COMPANY
          </button>
        </div>

        <div id="London" class="w3-container city" style="margin-top: -50px;">
          <section class="login-form page-section-ptb">
            <div class="container register-section-title">
              <form id="signupForm" class="form-horizontal" method="POST"
                action="{{ url()->current() }}?tab=Individual">
                <div class="container">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="section-title">
                        <h2>Individual</h2>
                      </div>
                    </div>
                  </div>
                  <div class="row justify-content-center">
                    <div class="col-lg-6 col-md-12">
                      <!-- <br> <br> -->
                      @if (count($errors->register) > 0)
                      <div class="alert alert-danger">
                        <ul>
                          @foreach ($errors->register->all() as $error)
                          <P>{{ $error }}</p>
                          @endforeach
                        </ul>
                      </div>
                      @endif
                      <fieldset>
                        <div class="gray-form clearfix">
                          <!--first name -->
                                                    <div class="form-group label-font row required">
                            <label for="fname">{{ t('FName') }}<sup>*</sup></label>
                            <input id="fname" class="form-control input-md{{ $first_nameError }}" type="text"
                              name="first_name" value="{{ old('first_name') }}">
                            <input type="hidden" name="_token" value="<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /var/www/html/resources/views/auth/register/index.blade.php:148
Stack trace:
#0 {main}
  thrown in <b>/var/www/html/resources/views/auth/register/index.blade.php</b> on line <b>148</b><br />