@extends('layouts.backend')

@section('title', 'Vacancy View')

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

<!-- Datatable CSS -->
<link rel="stylesheet" type="text/css" href=" {{asset('assets/css/vendors/datatables.css')}}">

@endsection

@section('style')
@endsection

@section('breadcrumb-title')
<h3>Vacancy View</h3>
@endsection

@section('breadcrumb-items')
    <li class="breadcrumb-item">Vacancy</li>
    <li class="breadcrumb-item">List</li>
    <li class="breadcrumb-item active">View</li>
@endsection

@section('content')


<div class="container-fluid">

    <div class="row">

        <div class="col-xl-9 xl-60 box-col-12">
            <div class="card">
                <div class="job-search">
                    <div class="card-body">
                        <div class="media"><img class="img-40 img-fluid m-r-20" src="http://localhost:8000/assets/images/job-search/1.jpg" alt="">
                            <div class="media-body">
                                <h6 class="f-w-600"><a href="#">Product Designer (UI/UX Designer)</a><span class="pull-right">
                                    <button class="btn btn-primary" type="button">Back</button></span></h6>
                                    <p>Endless - United States<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>
                            <div class="job-description">
                                <h6>Job Description</h6>
                                <p>Endless is looking for a UI/UX Designer to join our team. The world is seeing an explosion in the amount and variety of location-baWe are looking for a versatile UX/UI Designer to join our growing design team. Our designers contribute to clients’ projects at all stages of development. We might start from scratch, conducting user and stakeholder interviews, making personas and journey maps, and continue on to iterating on designs and prototypes through delivering final assets for launch. We might come into the middle of an in-flight program-size project and conduct analysis and usability correction or feature enhancement. We might provide research and vision for handoff to an internal development team.</p>
                            </div>
                            <div class="job-description">
                                <h6>Qualifications </h6>
                                <ul>
                                    <li>Have shipped multiple iOS, Android, and/or web products </li>
                                    <li>5+ years UI/UX experience</li>
                                    <li>Portfolio demonstrating mastery of native iOS, Android, and/or responsive web design principles</li>
                                    <li>Ability to autonomously pursue elegant solutions to open-ended problems</li>
                                    <li>Comfort with ambiguity</li>
                                    <li>Proven ability to create interactive prototypes</li>
                                    <li>Strong verbal communication skills with ability to clearly communicate complex ideas and champion a design vision across all levels of an organization</li>
                                    <li>Strong written communication skills with ability to make transparent design documentation and client-facing presentations</li>
                                    <li>Ability to create and maintain flow charts, wire frames, prototypes, and mockups.</li>
                                    <li>Ability to effectively work on more than one project at a time</li>
                                    <li>Experience conducting user research and stakeholder interviews</li>
                                    <li>Solid grasp of standard design tools, ex: Sketch, Omnigraffle, the Adobe Suite, Zeplin, etc.</li>
                                    <li>Bonus Considerations </li>
                                </ul>
                            </div>
                            <div class="job-description">
                                <h6>Agency experience</h6>
                                <ul>
                                    <li>Experience working with Agile development teams</li>
                                    <li>Experience with RITE method usability testing</li>
                                    <li>Experience in visual and motion design; ability to translate UX design into high quality visuals</li>
                                    <li>Mastery of Sketch & InVision</li>
                                    <li>Knowledge of mobile or front-end web programming</li>
                                </ul>
                            </div>
                            <div class="job-description">
                                <h6>Perks</h6>
                                <ul>
                                    <li>Competitive pay</li>
                                    <li>Competitive medical, dental, and vision insurance plans</li>
                                    <li>Company-provided 401(k) plan</li>
                                    <li>Paid vacation and sick time</li>
                                    <li>Free snacks and beverages</li>
                                </ul>
                            </div>
                            <div class="job-description">
                                <a href="{{ route('admin.vacancies.edit', [1]) }}" class="btn btn-success"><span><i class="fa fa-pencil"></i></span> Edit</a>
                                <button class="btn btn-primary" type="button"><span><i class="fa fa-share-alt"></i></span> Share</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>




            <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">filter</a>
                    <div class="md-sidebar-aside job-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="#collapseicon1" aria-expanded="true" aria-controls="collapseicon1">List of Applicants (2)</button>
                                            </h5>
                                        </div>
                                        <div class="collapse show" id="collapseicon1" aria-labelledby="collapseicon1" data-bs-parent="#accordion">
                                            <div class="card-body">
                                                <label class="d-block">
                                                    Chrus Judge
                                                </label>
                                                <label class="d-block">
                                                    Bruce High John
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>






        </div>
    </div>

@endsection