@extends('layouts.app')
@section('content')
@section('style')
<link href="{{ asset('assets/css/custom.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('assets/css/font-awesome.min.css') }}" rel="stylesheet" type="text/css">
@endsection

@php
  $mlnData = \Cache::get('mlnData');
@endphp

<main>
  <section class="offer-sec">
    <div class="container-fluid">
      <div class="row">
        <div class="col-lg-10 offset-lg-1">
          @if (count($errors) > 0)
          <div class="row pt-2">
            <div class="col-md-8 col-md-offset-1">
              <div class="alert alert-danger alert-dismissible">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                <h4><i class="icon fa fa-ban"></i> Error!</h4>
                @foreach($errors->all() as $error)
                {{ $error }} <br>
                @endforeach
              </div>
            </div>
          </div>
          @endif
          <div class="offerBox">
            <h1 class="mainTitle text-center text-uppercase mb-lg-5 mb-md-4 mb-3">Offer Form</h1>
            <div class="offerProcess">
              <ul>
                <li class="active">
                  <h5>Details</h5>
                  <div class="processNo">1</div>
                </li>
                <li class="active">
                  <h5>Terms</h5>
                  <div class="processNo">2</div>
                </li>
                <li class="active">
                  <h5>Conditions</h5>
                  <div class="processNo">3</div>
                </li>
                <li class="active">
                  <h5>Inspections</h5>
                  <div class="processNo">4</div>
                </li>
                <li class="active">
                  <h5>Fees</h5>
                  <div class="processNo">5</div>
                </li>
                <li class="active">
                  <h5>Review</h5>
                  <div class="processNo">6</div>
                </li>
              </ul>
            </div>
            <form method="post" action="{{ url('/step-six-store') }}" enctype="multipart/form-data">
              @csrf
            <div class="offerForm-width mt-lg-5 mt-md-4 mt-3">
              <input type="hidden" name="offerId" value="{{ Request::segment(2) }}">
              <div class="propertyForm mt-lg-5 mt-md-4 mt-3">
                <h3 class="formTitle">Office Details:</h3>
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                      <label>Seller’s Agent Name</label>
                      <input type="text" name="sellersAgentName" class="form-control offer-input"
                        placeholder="Seller’s Agent Name" value="{{ $mlnData['agentName'] ?? '' }}">
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <label>Seller’s Agent License</label>
                      <input type="text" name="sellersAgentLicense" class="form-control offer-input"
                        placeholder="Seller’s Agent License" value="{{ $mlnData['agentLicense'] ?? '' }}">
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                      <label>Seller’s Agent Email</label>
                      <input type="email" name="sellersAgentEmail" class="form-control offer-input"
                        placeholder="Seller’s Agent Email" value="{{ $mlnData['agentEmail'] ?? '' }}">
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <label>Sellers Company Name</label>
                      <input type="text" name="sellersCompanyName" class="form-control offer-input"
                        placeholder="Sellers Company Name" value="{{ $mlnData['buyerOfficeName'] ?? '' }}">
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                      <label>Seller’s Broker Name</label>
                      <input type="text" name="sellersBrokerName" class="form-control offer-input"
                        placeholder="Seller’s Broker Name" value="{{ $mlnData['buyerName'] ?? '' }}">
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <label>Sellers Brokers License</label>
                      <input type="text" name="sellersBrokersLicense" class="form-control offer-input"
                        placeholder="Sellers Brokers License" value="{{ $mlnData['buyerLicense'] ?? '' }}">
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                      <label>Sellers Broker Phone Number</label>
                      <input type="text" onkeyup="javascript: this.value = this.value.replace(/[^0-9]/g,'')" name="sellersBrokerPhoneNumber" class="form-control offer-input"
                        placeholder="Sellers Broker Phone Number" value="{{ $mlnData['buyerPhone'] ?? '' }}">
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <label>Sellers Broker Fax Number</label>
                      <input type="text" name="sellersBrokerFaxNumber" class="form-control offer-input"
                        placeholder="Sellers Broker Fax Number">
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                      <label>Sellers Office Address</label>
                      <input type="text" name="sellersOfficeAddress" class="form-control offer-input"
                        placeholder="Sellers Office Address">
                    </div>
                  </div>
                </div>
                <div class="form-group text-center display-flex juctify-content-center mt-lg-5 mt-md-4 mt-3">
                  <button type="submit" class="btn btnBlk mx-2">SUBMIT</button>

                </div>

              </div>

            </div><!-- offerForm-width -->
            </form>
          </div>
        </div>
      </div>
    </div>
    <div class="offerBg"><img src="images/form-pic.png"></div>
  </section>
</main>
@endsection