@extends('master')
@section('content')
<section class="blog_area single-post-area p_120">
    <div class="container box_1620">
        <div class="row">

            <div class="col-lg-3">
                <div class="zzp_left_sitebar">
                    
                    <aside class="single_sidebar_widget search_widget">
                        <form action="{{ route('zzponline.search') }}" method="post">
                        @csrf
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Zoek ZZP'er" name="search">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                            </span>
                        </div>
                        </form>
                        <div class="br"></div>
                    </aside>
                            
                    <aside class="single_sidebar_widget post_category_widget">
                        <h4 class="title">Vind een ZZP'ER</h4>
                        <ul class="list cat-list" style="height: 950px; overflow-y: scroll;">
                            @include('zzponline::front.vakgebieden')
                        </ul>
                        <div class="br"></div>
                    </aside>
                </div>
            </div>
            <div class="col-lg-6 content-list">
                @yield('page|content')
            </div>
            <div class="col-lg-3">
                <div class="zzp_right_sitebar">
                    <a href="{{ route('zzponline.zzper.aanmelden') }}" class="zzper">Aanmelden als ZZP'ER</a>
                    <a href="{{ route('zzponline.opdrachtgever.aanmelden') }}" class="opdrachtgever">Plaats klus voor ZZP'ER</a>
                    @include('zzponline::front.advertenties')
                </div>
            </div>

        </div>    
    </div>
</section>
@endsection