@extends('pages/page')

@section('css')
    @parent
    {{-- Could add a "Forms" stylesheet here? --}}
	{{-- <link href="{{ asset('assets/css/page.css') }}" rel="stylesheet"> --}}

    <style>
        #already-a-customer {
            margin-top: 10px;
            font-size: 19px;
            border: 2px solid #282828;
            padding: 5px 10px;
            background-color: #f5f5f5;
        }
        #already-a-customer strong {
            color:#f47a20;
        }
    </style>
@endsection

@section('js')
    
    
@endsection


@section('below_content')
   <p id="already-a-customer"><strong>Already a Rosewood customer</strong> and need access to the Market Place? <a href="{{ route('page',['contact-us','register-existing']) }}">Click here to register</a>.</p>
    <div class="row">
        <form id="form" class="in-page-form ajax" method="POST" action="/forms/become-a-stockist">
            {!! csrf_field() !!}
            <div id="errors" class="col-md-12">

                <div class="hidden template alert alert-danger alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <span class="message"></span>
                </div>

                @if (count($errors) > 0)            
                <div class="alert alert-danger alert-dismissible" role="alert">
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    @foreach ($errors->all() as $error)
                        {{ $error }}<br />
                    @endforeach
                </div>
                @endif
            </div>

            <div class="col-md-6">
                <h2>Contact Details</h2>

                <div class="form-group">
                    <label for="form-name" class="control-label">Name<sup>*</sup></label>                    
                    <input type="text" @if (getenv('APP_ENV') != 'local') required="required" @endif class="form-control" id="form-name" name="name" value="{{ old('name') }}">
                </div>
                <div class="form-group">
                    <label for="form-job-title" class="control-label">Job title</label>
                    <input type="text" class="form-control" id="form-job-title" name="job_title" value="{{ old('job_title') }}">
                </div>
                <div class="form-group">
                    <label for="form-email-address" class="control-label">Email address<sup>*</sup></label>
                    <div class="input-group">
                        <span class="input-group-addon">@</span>
                        <input type="email" @if (getenv('APP_ENV') != 'local') required="required" @endif class="form-control" id="form-email-address" name="email_address" value="{{ old('email_address') }}">
                    </div>
                </div>
                <div class="form-group">
                    <label for="form-telephone" class="control-label">Telephone number</label>
                    <input type="text" class="form-control" id="form-telephone" name="telephone" value="{{ old('telephone') }}">
                </div>                
                                
            </div>
            <div class="col-md-6">
                <h2>Business Details</h2>

                <div class="form-group">
                    <label for="form-business-name" class="control-label">Business name<sup>*</sup></label>
                    <input type="text" @if (getenv('APP_ENV') != 'local') required="required" @endif  class="form-control" id="form-business-name" name="business_name" value="{{ old('business_name') }}">
                </div>
                <div class="form-group">
                    <label for="form-address-1" class="control-label">Address 1</label>
                    <input type="text" class="form-control" id="form-address-1" name="address_1" value="{{ old('address_1') }}">
                </div>
                <div class="form-group">
                    <label for="form-address-2" class="control-label">Address 2</label>
                    <input type="text" class="form-control" id="form-address-2" name="address_2" value="{{ old('address_2') }}">
                </div>
                <div class="form-group">
                    <label for="form-county" class="control-label">County</label>
                    <input type="text" class="form-control" id="form-county" name="county" value="{{ old('county') }}">
                </div>
                <div class="form-group">
                    <label for="form-postcode" class="control-label">Postcode<sup>*</sup></label>
                    <input type="text" class="form-control" id="form-postcode" name="postcode" value="{{ old('postcode') }}">
                </div>
            </div>
            <div class="col-md-12">
                <h2>About You</h2>
                <div class="form-group">
                    <label for="form-business-type" class="control-label">Please tell us what type of business you are<sup>*</sup></label>
                    <select class="form-control" @if (getenv('APP_ENV') != 'local') required="required" @endif id="form-business-type" name="business_type">
                        <option value="">Please select</option>
                        @foreach (array('Retail','Wholesale','Internet','Vet') as $key)
                        <option value="{{ $key }}" {{ (old("subject") == $key ? "selected":'') }}>{{ $key }}</option>                        
                        @endforeach
                    </select>
                </div>

                <p><strong>Product categories of interest</strong></p>
                    
                <div class="form-group">
                    {{-- No idea how to get the old value here --}}
                    {{ old("sector") }}
                    <label class="checkbox-inline">
                      <input type="checkbox" name="sector[]" id="form-sector-dog" value="8"> Dog
                    </label>
                    <label class="checkbox-inline">
                      <input type="checkbox" id="form-sector-cat" value="9"> Cat
                    </label>
                    <label class="checkbox-inline">
                      <input type="checkbox" id="form-sector-small-animal" value="10"> Small Animal
                    </label>
                     <label class="checkbox-inline">
                      <input type="checkbox" id="form-sector-small-animal" value="11"> Pet Bird 
                    </label>
                     <label class="checkbox-inline">
                      <input type="checkbox" id="form-sector-small-animal" value="12"> Aquatic
                    </label>
                     <label class="checkbox-inline">
                      <input type="checkbox" id="form-sector-small-animal" value="13"> Wild Bird 
                    </label>                        
                </div>

                <div class="form-group">
                    <label for="form-length-trading" class="control-label">How long have you been trading?</label>
                    <input type="text" class="form-control" id="form-length-trading" name="length_trading" value="{{ old('length_trading') }}">
                </div>

                <div class="form-group">
                    <label for="form-annual-spend" class="control-label">What is your annual spend on non-food pet products?</label>
                    <input type="text" class="form-control" id="form-annual-spend" name="annual_spend" value="{{ old('annual_spend') }}">
                </div>
                <div class="form-group">
                    <p><strong>The minimum order value is £300, with a minimum annual trade of £3000.</strong></p>
                     <div class="checkbox">
                        <label>
                          <input type="checkbox" name="accept_terms"> I accept these terms
                        </label>
                      </div>
                </div>
                <div class="form-group">
                     <div class="checkbox">
                        <label>
			  <input type='hidden' name="receive_marketing_communications" value="0">
                          <input type="checkbox" name="receive_marketing_communications" value="1"> Subscribe to stay updated with new products and offers!
                        </label>
                      </div>
                </div>

                <button type="submit" class="btn btn-info">Submit</button>
            </div>
        </form>
   </div>

@endsection