@extends('template.main-template')

@section('content')

<div id="error_page">
    <div class="container">
        <div class="row justify-content-center text-center">
            <div class="col-xl-7 col-lg-9">
                <img src="{{ asset('logo-rectangule.png') }}" alt="" class="img-fluid" width="300" height="212">
                <p>Sorry, we couldn't find that page.</p>
                <form method="GET" action="{{ route('product.all') }}">
                    <div class="search_bar">
                        <input type="text" class="form-control" name="term" placeholder="Search for products">
                        <input type="submit" value="Search">
                    </div>
                </form>
            </div>
        </div>
        <!-- /row -->
    </div>
    <!-- /container -->
</div>
<!-- /error_page -->

@endsection

@push('css')
<link href="{{asset('template/css/error_track.css')}}" rel="stylesheet">
@endpush