@extends('web.layout.master')

@section('content')


<div class="container" style="max-width: 960px !important;">
    <h1>Uh oh... (404)</h1>
    <div class="row justify-content-center">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
        @if(Session::has('alert-' . $msg))

        <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}</p>
        @endif
        @endforeach
        <div class="col-md-8 col-sm-6 hidden-xs">
            <p>Our golden couldn't retrieve the page you tried to view. Let us know what you're looking for, and we'll send a human to fetch it this time.
                Fill out the form below or call us at 866-243-2721. We're open 7 days a week so if it's broke, you can fix it!</p>
        </div>
        <div class="col-md-4 col-sm7 col-xs-12">
            <img src="{{ asset('assets/web') }}/images/golden-retriever.jpeg">
        </div>


<form id="RarelyOrderedForm" action="{{ route('rarely-ordered-add-process') }}"
     method="post">
     @csrf
     <input aria-labelledby="PartsWarehouse" type="hidden" value="{{ !empty($ClientMap) ? $ClientMap->ProductCode: '' }}" name="productcode" >
     <input type="hidden" name="isrer" value="1">
     <div class="row mt-4">
         <div class="col-md-3 mt-2">
            <div class="form-group">
                <label for="label">Brand?</label>
            </div>
         </div>
         <div class="col-md-5">
            <div class="form-group">
                <input aria-labelledby="PartsWarehouse" type="text" class="form-control" value="{{ old('brand') }}"
                    name="brand" id="brand" placeholder="Enter brand" autocomplete="off">
            </div>
        </div>
     </div>

     <div class="row">
        <div class="col-md-3 mt-2">
            <div class="form-group">
                <label for="label">Model Description?</label>
            </div>
        </div>
        <div class="col-md-5">
            <div class="form-group mt-2">
                <input aria-labelledby="PartsWarehouse" type="text" class="form-control" value="{{ old('model_description') }}"
                    name="model_description" id="model_description" placeholder="Enter model description" autocomplete="off">
            </div>
       </div>
     </div>

     <div class="row">
        <div class="col-md-3 mt-2">
            <div class="form-group">
                <label for="label">Model Number?</label>
            </div>
        </div>
        <div class="col-md-5">
            <div class="form-group mt-2">
                <input aria-labelledby="PartsWarehouse" type="text" class="form-control" value="{{ old('model_number') }}"
                    name="model_number" id="model_number" placeholder="Enter model number" autocomplete="off">
            </div>
       </div>
    </div>

    <div class="row">
        <div class="col-md-3 mt-2">
            <div class="form-group">
                <label for="label">Part Number?</label>
            </div>
        </div>
        <div class="col-md-5">
            <div class="form-group mt-2">
                <input aria-labelledby="PartsWarehouse" type="text" class="form-control" name="part_number" id="part_number" value="" placeholder="Enter part number" autocomplete="off">
            </div>
       </div>
    </div>

    <div class="row">
        <div class="col-md-3 mt-2">
            <div class="form-group">
                <label for="label">Additional Information? </label>
            </div>
        </div>
        <div class="col-md-5">
            <div class="form-group mt-2">
                <textarea class="form-control" rows="4" name="additional_information" placeholder="Enter Additional Information ..."
                    spellcheck="false"></textarea>
            </div>
       </div>
    </div>


    <div class="row">
        <div class="col-md-3 mt-2">
            <div class="form-group">
                <label for="label"><b>Email address:</b><span class="text-danger">(*Required)</span> </label>
            </div>
        </div>
        <div class="col-md-5">
            <div class="form-group mt-2">
                <input aria-labelledby="PartsWarehouse" type="email" class="form-control" value="{{ old('email') }}"
                    name="email" id="email" placeholder="Enter email" autocomplete="off" required>
            </div>
       </div>
    </div>


    <div class="row">
        <div class="col-md-3 mt-2">
            <div class="form-group">
                <label for="label">Phone Number: </label>
            </div>
        </div>
        <div class="col-md-5">
            <div class="form-group mt-2">
                <input aria-labelledby="PartsWarehouse" type="text" class="form-control" value="{{ old('phone') }}"
                    name="phone" id="phone" placeholder="Enter phone" autocomplete="off">
            </div>
       </div>
    </div>


     <div class="row mt-4">
        <div class="col-md-4">
            <button aria-labelledby="..." type="submit" class="btn btn-danger w-75 mb-3">SUBMIT</button>
        </div>


    </div>

    </form>
    </div>
</div>
@endsection