@extends('master')

@section('css')
<link href="{{ asset('assets/css/blog.css') }}" rel="stylesheet">
<link href="{{ asset('assets/css/home.css') }}" rel="stylesheet">
<link href="{{ asset('assets/css/page.css') }}" rel="stylesheet">
@endsection
@section('js')
<script src="https://www.google.com/recaptcha/api.js" async defer></script>

@endsection
@section('content')
<div class="container category">
    <ul class="breadcrumb">
        <li><a class="default" href="/">Home</a></li>
        <li class="active">Contact</li>
    </ul>
</div>
<a class="anchor" id="section11"></a>
<div class="orange-homepage-box orange-homepage-box about" id="section11" style="background-image: url(/assets/img/banners/Banners_Iso/Intouch.jpg)">
    
    <h2 class="hidden-xs">{!! $pages[0]->title !!}</h2>
    <h2 class="visible-xs" >
        <span style="position:absolute;left:15px;">&#x276F;</span>{!! $pages[0]->title !!}
    </h2>
    
    
    <div class="subheader-menu">
        
        <a href="#section11" style="text-decoration: underline">{!! $pages[0]->submenu_title !!}</a>
        <a href="#section22">{!! $pages[1]->submenu_title !!}</a>
        <a href="#section33"><a href="#section33">{!! $pages[2]->submenu_title ?? '' !!}</a></a>
    </div>
</div>
<div class="container page about-us-container" id="container-for-section11">
    <div class="row">
        <div class="first-text-aboutus">
            {!! $pages[0]->content_before !!}
        </div>
        <div style="text-align: center">
            {!! $pages[0]->content !!}
        </div>
        
       
        <form id="form" class="in-page-form ajax" method="POST" action="/forms/support">
            {!! 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-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</label>
                    <input type="text" class="form-control" id="form-business-name" name="business_name" value="{{ old('business_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>
            <div class="clearfix"></div>
            <div class="col-md-12">
                <h2>Your question</h2>
                <div class="form-group">
                    <label for="form-subject" class="control-label">Subject</label>
                    <select class="form-control" id="form-subject" name="subject">
                        @foreach (array('Product','Company','Other') as $key)
                        <option value="{{ $key }}" {{ (old("subject") == $key ? "selected":'') }}>{{ $key }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label for="form-message" class="control-label">Your message</label>
                    <textarea class="form-control" rows="3" id="form-message" name="message">{{ old('message') }}</textarea>
                    <span id="helpBlock" class="help-block">Please enter as much information as possible.</span>
                </div>
            </div>
            <div class="clearfix"></div>
	    <div class="col-md-12">
                <div class="g-recaptcha" data-sitekey="6LdXOyQaAAAAAPiRV3AL2SpKRXd-uICf2KMfu8am"></div>
            </div>
            <button type="submit" class="btn btn-info">Submit</button>
        </form>
        <hr>

        <p class="first-text-aboutus"><span style="color: #e8501d">Rosewood Pet Products Ltd</span><br>Unit 9, Hortonwood West, Queensway, Hadley, Telford. Shropshire, TF1 6AH.</p>
        <p class="first-text-aboutus"><span style="color: #e8501d">Telephone</span> 01952 883408<br><span style="color: #e8501d">Email</span> enquiries@rosewoodpet.com</p>
        <div class="google-maps">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2416.9654736601715!2d-2.4790546841852477!3d52.71476837985147!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487a81a69e84bdaf%3A0xbc9b031f6121ab5b!2s9%2C+Queensway+Campus+Hortonwood%2C+Telford+TF1+7FS%2C+Velk%C3%A1+Brit%C3%A1nie!5e0!3m2!1scs!2scz!4v1513670007693" width="800" height="600" frameborder="0" style="border:0" allowfullscreen></iframe>
        </div>
    </div>
</div>
<a class="anchor" id="section22"></a>
<div class="orange-homepage-box orange-homepage-box about" id="section22" style="background-image: url(/assets/img/banners/Banners_Iso/Catalogue.jpg)">
    <h2 class="hidden-xs">{!! $pages[1]->title !!}</h2>
    <h2 class="visible-xs" >
        <span style="position:absolute;left:15px;">&#x276F;</span>{!! $pages[1]->title !!}
    </h2>

    <div class="subheader-menu"><a href="#section11">{!! $pages[0]->submenu_title !!}</a><a href="#section22" style="text-decoration: underline">{!! $pages[1]->submenu_title !!}</a><a href="#section33">{!! $pages[2]->submenu_title ?? '' !!}</a></div>
</div>
<div class="container page about-us-container" id="container-for-section22">
    <div class="row">
        <div class="first-text-aboutus">
            {!! $pages[1]->content_before !!}
        </div>        
        <div style="text-align: center">
            {!! $pages[1]->content !!}
        </div>

        {{-- Request a Catalogue START  --}}
        <div class="row" id="request-a-catalogue">
            <form id="form" class="in-page-form ajax" method="POST" action="/forms/request-a-catalogue">
                {!! 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 class="form-group">
                        <label class="control-label">Catalogues required</label>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" value="1" name="require_product_catalogue">
                                Product Catalogue
                            </label>
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" value="1" name="require_promotions_catalogue">
                                Promotions Catalogue
                            </label>
                        </div>
                    </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</label>
                        <input type="text" 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</label>
                        <input type="text" class="form-control" id="form-postcode" name="postcode" value="{{ old('postcode') }}">
                    </div>
                </div>
                <div class="clearfix"></div>
	    <div class="col-md-12">
                <div class="g-recaptcha" data-sitekey="6LdXOyQaAAAAAPiRV3AL2SpKRXd-uICf2KMfu8am"></div>
            </div>
                <button type="submit" class="btn btn-info">Submit</button>
            </form>
        </div>
        {{-- Request a Catalogue END  --}}
    </div>
</div>
<a class="anchor" id="section33"></a>
<div class="orange-homepage-box orange-homepage-box about" id="section33" style="background-image: url(/assets/img/banners/Banners_Iso/Stockist.jpg)">
    <h2 class="hidden-xs">{!! $pages[2]->title ?? '' !!}</h2>
    <h2 class="visible-xs" >
        <span style="position:absolute;left:15px;">&#x276F;</span>{!! $pages[2]->title ?? '' !!}
    </h2>
    <div class="subheader-menu"><a href="#section11">{!! $pages[0]->submenu_title !!}</a><a href="#section22">{!! $pages[1]->submenu_title !!}</a><a href="#section33" style="text-decoration: underline">{!! $pages[2]->submenu_title ?? '' !!}</a></div>
</div>
<div class="container page about-us-container" id="container-for-section33">
    <div class="row">
        <div class="first-text-aboutus">
            {!! $pages[2]->content_before ?? '' !!}
        </div>        
        <div style="text-align: center">
            {!! $pages[2]->content ?? '' !!}
        </div>
        
        
        {{-- Become a Stockist START  --}}
        <div class="row" id="become-a-stockist">
            <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" style="text-align: center;">
                        <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>
                <div class="clearfix"></div>
		<div class="col-md-12">
                	<div class="g-recaptcha" data-sitekey="6LdXOyQaAAAAAPiRV3AL2SpKRXd-uICf2KMfu8am"></div>
            	</div>
                <button type="submit" class="btn btn-info" value="Submit">Submit</button>
            </form>
        </div>
        {{-- Become a Stockist END  --}}        
        
    </div>
</div>
<script>
    $(".nav.navbar-nav.navbar-right li:last-child a").addClass("active-link");
    
    $(".nav.navbar-nav.navbar-right li:first-of-type a").addClass("active-link");
    $(".orange-homepage-box").click(function () {
        id = $(this).attr("id");
        $("#container-for-"+id).toggleClass("autoheight2");
    });
</script>
@endsection