@extends('layouts.master')

@section('title', 'Job-List-View')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
@endsection

@section('breadcrumb')
    <div class="header-logo-wrapper col-auto">
        <div class="logo-wrapper"><a href="{{ route('admin.dashboard') }}"><img class="img-fluid for-light"
                    src="{{ asset('assets/images/logo/logo.png') }}" alt="" /><img class="img-fluid for-dark"
                    src="{{ asset('assets/images/logo/logo_light.png') }}" alt="" /></a></div>
    </div>
    <div class="col-4 col-xl-4 page-title">
        <h4 class="f-w-700">List View</h4>
        <nav>
            <ol class="breadcrumb justify-content-sm-start align-items-center mb-0">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}"> <i data-feather="home"> </i></a></li>
                <li class="breadcrumb-item f-w-400">Job Search</li>
                <li class="breadcrumb-item f-w-400 active">List View</li>
            </ol>
        </nav>
    </div>
@endsection

@section('main_content')
    <!-- Container-fluid starts-->
    <div class="container-fluid">
        <div class="row">
            <div class="col-xl-3 xl-40 box-col-12">
                <div class="md-sidebar"><a class="btn btn-primary email-aside-toggle md-sidebar-toggle">Job filter</a>
                    <div class="md-sidebar-aside job-sidebar job-default-sidebar">
                        <div class="default-according style-1 faq-accordion job-accordion" id="accordionoc">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <h5 class="mb-0">
                                                <button class="btn btn-link" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseicon" aria-expanded="true"
                                                    aria-controls="collapseicon">Filter</button>
                                            </h5>
                                        </div>
                                        <div class="collapse show" id="collapseicon" aria-labelledby="collapseicon"
                                            data-bs-parent="#accordion">
                                            <div class="card-body filter-cards-view animate-chk">
                                                <div class="job-filter mb-2">
                                                    <div class="faq-form">
                                                        <input class="form-control" type="text" placeholder="Search.."><i
                                                            class="search-icon" data-feather="search"></i>
                                                    </div>
                                                </div>
                                                <div class="job-filter">
                                                    <div class="faq-form">
                                                        <input class="form-control" type="text"
                                                            placeholder="location.."><i class="search-icon"
                                                            data-feather="map-pin"></i>
                                                    </div>
                                                </div>
                                                <div class="checkbox-animated">
                                                    <label class="d-block" for="chk-ani">
                                                        <input class="checkbox_animated" id="chk-ani" type="checkbox">
                                                        Full-time (8688)
                                                    </label>
                                                    <label class="d-block" for="chk-ani1">
                                                        <input class="checkbox_animated" id="chk-ani1" type="checkbox">
                                                        Contract (503)
                                                    </label>
                                                    <label class="d-block" for="chk-ani2">
                                                        <input class="checkbox_animated" id="chk-ani2" type="checkbox">
                                                        Part-time (288)
                                                    </label>
                                                    <label class="d-block" for="chk-ani3">
                                                        <input class="checkbox_animated" id="chk-ani3" type="checkbox">
                                                        Internship (236)
                                                    </label>
                                                    <label class="d-block" for="chk-ani4">
                                                        <input class="checkbox_animated" id="chk-ani4" type="checkbox">
                                                        Temporary (146)
                                                    </label>
                                                    <label class="d-block" for="chk-ani5">
                                                        <input class="checkbox_animated" id="chk-ani5" type="checkbox">
                                                        Commission (25)
                                                    </label>
                                                </div>
                                                <button class="btn btn-primary text-center" type="button">Find
                                                    jobs</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <h5 class="mb-0">
                                                <button class="btn btn-link" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseicon1" aria-expanded="true"
                                                    aria-controls="collapseicon1">Location</button>
                                            </h5>
                                        </div>
                                        <div class="collapse show" id="collapseicon1" aria-labelledby="collapseicon1"
                                            data-bs-parent="#accordion">
                                            <div class="card-body animate-chk">
                                                <div class="location-checkbox">
                                                    <label class="d-block" for="chk-ani6">
                                                        <input class="checkbox_animated" id="chk-ani6" type="checkbox">
                                                        Letraset<span class="d-block">New York, NY (399)</span>
                                                    </label>
                                                    <label class="d-block" for="chk-ani7">
                                                        <input class="checkbox_animated" id="chk-ani7" type="checkbox">
                                                        Established<span class="d-block">San Francisco, CA (252) </span>
                                                    </label>
                                                    <label class="d-block mb-0" for="chk-ani8">
                                                        <input class="checkbox_animated" id="chk-ani8" type="checkbox">
                                                        Contrary<span class="d-block">Washington, DC (226)</span>
                                                    </label>
                                                </div>
                                            </div>
                                            <button class="btn btn-block btn-primary text-center" type="button">All
                                                Locations</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <h5 class="mb-0">
                                                <button class="btn btn-link" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseicon2" aria-expanded="true"
                                                    aria-controls="collapseicon2">Job Title</button>
                                            </h5>
                                        </div>
                                        <div class="collapse show" id="collapseicon2" data-bs-parent="#accordion"
                                            aria-labelledby="collapseicon2">
                                            <div class="card-body animate-chk">
                                                <label class="d-block" for="chk-ani9">
                                                    <input class="checkbox_animated" id="chk-ani9" type="checkbox">
                                                    UI/Ux designer(25)
                                                </label>
                                                <label class="d-block" for="chk-ani10">
                                                    <input class="checkbox_animated" id="chk-ani10" type="checkbox">
                                                    Graphic designer(10)
                                                </label>
                                                <label class="d-block" for="chk-ani11">
                                                    <input class="checkbox_animated" id="chk-ani11" type="checkbox">
                                                    Front end designer(15)
                                                </label>
                                                <label class="d-block" for="chk-ani12">
                                                    <input class="checkbox_animated" id="chk-ani12" type="checkbox"> PHP
                                                    developer(42)
                                                </label>
                                                <label class="d-block mb-0" for="chk-ani13">
                                                    <input class="checkbox_animated" id="chk-ani13" type="checkbox">
                                                    React Developer( 5 )
                                                </label>
                                            </div>
                                            <button class="btn btn-block btn-primary text-center" type="button">All Job
                                                Title</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <h5 class="mb-0">
                                                <button class="btn btn-link" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseicon3" aria-expanded="true"
                                                    aria-controls="collapseicon3">Industry</button>
                                            </h5>
                                        </div>
                                        <div class="collapse show" id="collapseicon3" data-bs-parent="#accordion"
                                            aria-labelledby="collapseicon3">
                                            <div class="card-body animate-chk">
                                                <label class="d-block" for="chk-ani14">
                                                    <input class="checkbox_animated" id="chk-ani14" type="checkbox">
                                                    Computer Software(14)
                                                </label>
                                                <label class="d-block" for="chk-ani15">
                                                    <input class="checkbox_animated" id="chk-ani15" type="checkbox"> IT
                                                    Engineer(10)
                                                </label>
                                                <label class="d-block" for="chk-ani16">
                                                    <input class="checkbox_animated" id="chk-ani16" type="checkbox">
                                                    Service industry(20)
                                                </label>
                                                <label class="d-block" for="chk-ani17">
                                                    <input class="checkbox_animated" id="chk-ani17" type="checkbox">
                                                    Accounting ( 34 )
                                                </label>
                                                <label class="d-block mb-0" for="chk-ani18">
                                                    <input class="checkbox_animated" id="chk-ani18" type="checkbox">
                                                    Financial Services(5)
                                                </label>
                                            </div>
                                            <button class="btn btn-block btn-primary text-center" type="button">All
                                                Industries</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <h5 class="mb-0">
                                                <button class="btn btn-link" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseicon4" aria-expanded="true"
                                                    aria-controls="collapseicon4">Specific skills</button>
                                            </h5>
                                        </div>
                                        <div class="collapse show" id="collapseicon4" data-bs-parent="#accordion"
                                            aria-labelledby="collapseicon4">
                                            <div class="card-body animate-chk">
                                                <label class="d-block" for="chk-ani19">
                                                    <input class="checkbox_animated" id="chk-ani19" type="checkbox">
                                                    HTML,scss & sass
                                                </label>
                                                <label class="d-block" for="chk-ani20">
                                                    <input class="checkbox_animated" id="chk-ani20" type="checkbox">
                                                    Javascript
                                                </label>
                                                <label class="d-block" for="chk-ani21">
                                                    <input class="checkbox_animated" id="chk-ani21" type="checkbox">
                                                    Node.js
                                                </label>
                                                <label class="d-block" for="chk-ani22">
                                                    <input class="checkbox_animated" id="chk-ani22" type="checkbox"> Gulp
                                                    & Pug
                                                </label>
                                                <label class="d-block mb-0" for="chk-ani23">
                                                    <input class="checkbox_animated" id="chk-ani23" type="checkbox">
                                                    Angular.js
                                                </label>
                                            </div>
                                            <button class="btn btn-block btn-primary text-center" type="button">All
                                                Skills</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-9 xl-60 box-col-12">
                <div class="card">
                    <div class="job-search">
                        <div class="card-body">
                            <div class="d-flex"><img class="img-40 img-fluid m-r-20"
                                    src="{{ asset('assets/images/job-search/1.jpg') }}" alt="">
                                <div class="flex-grow-1">
                                    <h6 class="f-w-600"><a href="#">UI/UX IT Frontend Developer</a><span
                                            class="badge badge-primary pull-right">New</span></h6>
                                    <p>(L6) Salt Lake City, UT<span><i class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i></span></p>
                                </div>
                            </div>
                            <p>
                                We are looking for an experienced and Mofi designer and/or frontend engineer with expertise
                                in accessibility to join our team ,
                                3+ years of experience working in as a Frontend Engineer or comparable role. You won’t be a
                                team of one though — you’ll be collaborating closely with other...
                            </p>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="job-search">
                        <div class="card-body">
                            <div class="d-flex"><img class="img-40 img-fluid m-r-20"
                                    src="{{ asset('assets/images/job-search/2.jpg') }}" alt="">
                                <div class="flex-grow-1">
                                    <h6 class="f-w-600"><a href="#">React/React Native Developer</a><span
                                            class="badge badge-primary pull-right">New</span></h6>
                                    <p>San Diego, CA <span><i class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning-o"></i></span></p>
                                </div>
                            </div>
                            <p>Ideally 2+ years experience with React. Bonus points if you have React Native experience.
                                This is an incredibly exciting opportunity to gain commercial , Professional experience of
                                React Native and other front end frameworks. Transform product wireframes into responsive,
                                mobile user interface components and</p>
                        </div>
                    </div>
                </div>
                <div class="card ribbon-vertical-left-wrapper">
                    <div class="ribbon ribbon-bookmark ribbon-vertical-left ribbon-secondary"><i
                            class="icofont icofont-love"></i></div>
                    <div class="job-search">
                        <div class="card-body">
                            <div class="d-flex"><img class="img-40 img-fluid m-r-20"
                                    src="{{ asset('assets/images/job-search/3.jpg') }}" alt="">
                                <div class="flex-grow-1">
                                    <h6 class="f-w-600"><a href="#">Senior UX designer</a><span
                                            class="pull-right">2 days ago</span></h6>
                                    <p>Minneapolis, MN<span><i class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning-half-o"></i><i
                                                class="fa fa-star font-warning-o"></i></span></p>
                                </div>
                            </div>
                            <p>The designer will apply Lean UX and Design Thinking practices in a highly collaborative,
                                fast-paced, distributed environment You have 4+ years of UX experience. You support UX
                                leadership by providing continuous feedback regarding the evolution of team process
                                standards.</p>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="job-search">
                        <div class="card-body">
                            <div class="d-flex"><img class="img-40 img-fluid m-r-20"
                                    src="{{ asset('assets/images/job-search/4.jpg') }}" alt="">
                                <div class="flex-grow-1">
                                    <h6 class="f-w-600"><a href="#">Front end web developer</a><span
                                            class="pull-right">3 days ago</span></h6>
                                    <p>Cisco <span>Lelystad, Netherlands </span><span><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning-half-o"></i></span></p>
                                </div>
                            </div>
                            <p>Insipidity the sufficient discretion imprudence resolution sir him decisively. Proceed how
                                any engaged visitor. Explained propriety off out perpetual his you. Feel sold off felt nay
                                rose met you. We so entreaties cultivated astonished is. Was sister for few longer mrs
                                sudden talent become.</p>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="job-search">
                        <div class="card-body">
                            <div class="d-flex"><img class="img-40 img-fluid m-r-20"
                                    src="{{ asset('assets/images/job-search/5.jpg') }}" alt="">
                                <div class="flex-grow-1">
                                    <h6 class="f-w-600"><a href="#">Graphic designer</a><span class="pull-right">3
                                            days ago</span></h6>
                                    <p>Infosys <span>Lelystad, Netherlands </span><span><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning-half-o"></i><i
                                                class="fa fa-star font-warning-o"></i></span></p>
                                </div>
                            </div>
                            <p>Contented get distrusts certainty nay are frankness concealed ham. On unaffected resolution
                                on considered of. No thought me husband or colonel forming effects. End sitting shewing who
                                saw besides son musical adapted. Contrasted interested eat alteration pianoforte sympathize
                                was.</p>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="job-search">
                        <div class="card-body">
                            <div class="d-flex"><img class="img-40 img-fluid m-r-20"
                                    src="{{ asset('assets/images/job-search/6.jpg') }}" alt="">
                                <div class="flex-grow-1">
                                    <h6 class="f-w-600"><a href="#">Designer, CRM</a><span class="pull-right">3
                                            days ago</span></h6>
                                    <p>Citrix <span>Lelystad, Netherlands </span><span><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning-o"></i><i
                                                class="fa fa-star font-warning-o"></i></span></p>
                                </div>
                            </div>
                            <p>Situation admitting promotion at or to perceived be. Mr acuteness we as estimable enjoyment
                                up. An held late as felt know. Learn do allow dashed to grave. Middleton suspicion age her
                                attention. Chiefly several bed its wishing. Is so moments on chamber pressed to. Doubtful
                                yet way properly answered.</p>
                        </div>
                    </div>
                </div>
                <div class="card ribbon-vertical-left-wrapper">
                    <div class="ribbon ribbon-bookmark ribbon-vertical-left ribbon-secondary"><i
                            class="icofont icofont-love"></i></div>
                    <div class="job-search">
                        <div class="card-body">
                            <div class="d-flex"><img class="img-40 img-fluid m-r-20"
                                    src="{{ asset('assets/images/job-search/2.jpg') }}" alt="">
                                <div class="flex-grow-1">
                                    <h6 class="f-w-600"><a href="#">UI designer E-commerce</a><span
                                            class="pull-right">5 days ago</span></h6>
                                    <p>Ericsson <span>Lelystad, Netherlands </span><span><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning-o"></i></span></p>
                                </div>
                            </div>
                            <p>Situation admitting promotion at or to perceived be. Mr acuteness we as estimable enjoyment
                                up. An held late as felt know. Learn do allow dashed to grave. Middleton suspicion age her
                                attention. Chiefly several bed its wishing. Is so moments on chamber pressed to. Doubtful
                                yet way properly answered.</p>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="job-search">
                        <div class="card-body">
                            <div class="d-flex"><img class="img-40 img-fluid m-r-20"
                                    src="{{ asset('assets/images/job-search/3.jpg') }}" alt="">
                                <div class="flex-grow-1">
                                    <h6 class="f-w-600"><a href="#">Senior UX designer</a><span
                                            class="pull-right">5 days ago</span></h6>
                                    <p>Minneapolis, MN <span><i class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning-half-o"></i><i
                                                class="fa fa-star font-warning-o"></i></span></p>
                                </div>
                            </div>
                            <p>The designer will apply Lean UX and Design Thinking practices in a highly collaborative,
                                fast-paced, distributed environment You have 4+ years of UX experience. You support UX
                                leadership by providing continuous feedback regarding the evolution of team process
                                standards.</p>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="job-search">
                        <div class="card-body">
                            <div class="d-flex"><img class="img-40 img-fluid m-r-20"
                                    src="{{ asset('assets/images/job-search/2.jpg') }}" alt="">
                                <div class="flex-grow-1">
                                    <h6 class="f-w-600"><a href="#">App Developer</a></h6>
                                    <p>San Diego, CA <span><i class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning"></i><i
                                                class="fa fa-star font-warning-o"></i></span></p>
                                </div>
                            </div>
                            <p>Ideally 2+ years experience with React. Bonus points if you have React Native experience.
                                This is an incredibly exciting opportunity to gain commercial , Professional experience of
                                React Native and other front end frameworks. Transform product wireframes into responsive,
                                mobile user interface components.</p>
                        </div>
                    </div>
                </div>
                <div class="job-pagination">
                    <nav aria-label="Page navigation example">
                        <ul class="pagination pagination-primary">
                            <li class="page-item disabled"><a class="page-link" href="#">Previous</a></li>
                            <li class="page-item active"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item"><a class="page-link" href="#">Next</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid Ends-->
@endsection

@section('scripts')

@endsection