@extends('pages/page')

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

@section('js')


@endsection


@section('below_content')

    @if (Auth::check() && !Auth::user()->is_restricted())
    <div class="row">
        <div class="col-md-12">
            <p>Alternatively, you can download the current brochures in PDF format here:</p>
            <ul>
                @foreach ($extras as $catalogue)
                    <li><a href="{{ $catalogue['path'] }}" target="_blank">{{ $catalogue['title'] }}</a></li>
                @endforeach
            </ul>

        </div>
    </div>
    @endif

    <div class="row">


        <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>
                <button type="submit" class="btn btn-info">Submit</button>
            </div>
        </form>
   </div>

@endsection