@extends('site.layouts.app', ['seoModel' => $work_us])
@section('content')

<div class="page-wrapper content-wrapper page-work-us">
    @include('site._includes.mini-banner', [
        'image_url' => $work_us->background_image,
        'mobile_image_url' => $work_us->banner_mobile,
        'tablet_image' => $work_us->banner_tablet,
        'alt' => !empty($work_us->title) ? $work_us->title : '',
        'title' =>!empty($work_us->title) ? $work_us->title : '',
        'sub' =>!empty($work_us->subtitle) ? $work_us->subtitle : '',
    ]);
    <section class="contact">
        <div class="container">
            <div class="contact__form">
                <p>{{ $work_us->form_title }}</p>
                    <livewire:page-work-us />
            </div>
            <div class="values">
                <div class="values__header">
                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect width="32" height="32" rx="16" fill="#B19B7D"/>
                        <path d="M19.125 7.89441L18.715 8.34378C17.7969 9.35441 17.04 9.80628 16.41 10.1019C15.78 10.3969 15.2506 10.485 14.7306 10.8832C14.1762 11.3082 13.3706 12.1232 13.0312 13.5782C12.3038 13.7369 11.7713 14.0157 11.3513 14.3788C10.9363 14.7375 10.6237 15.1457 10.2387 15.59C10.2356 15.595 10.2406 15.6044 10.2387 15.6094C9.68625 16.2444 9.20312 16.9282 8.26562 17.2894L7.875 17.4457V24.125H19.7894C20.4725 24.0882 20.9462 23.615 21.2344 23.1482C21.5219 22.6819 21.6812 22.1769 21.7619 21.7619C21.9694 20.7044 22.3475 17.66 22.3475 17.66L22.3675 17.6019V17.5432C22.3475 17.1207 22.1737 16.7619 21.9569 16.4294L22.66 14.34L23.7738 12.66L24.0863 12.2107L23.6756 11.84L19.5744 8.28503L19.125 7.89441ZM19.1644 9.61316L22.4256 12.4457L21.5662 13.7144L21.5081 13.7738L21.4881 13.8713L20.9219 15.5507C20.6263 15.4288 20.3219 15.3432 19.9844 15.3557H19.945L16 15.375H15.375V17.7969C15.2875 18.4782 14.9088 18.7419 14.4375 18.93C14.2812 18.9932 14.2619 18.9588 14.125 18.9882V15.3563C14.0225 13.0394 14.8475 12.3725 15.4925 11.8794C15.6706 11.7425 16.1925 11.5844 16.9375 11.235C17.56 10.9419 18.3337 10.4163 19.1644 9.61316ZM12.9144 14.9844C12.9119 15.1263 12.8675 15.2263 12.875 15.375V20.375H13.5C13.5 20.375 14.1687 20.3675 14.8869 20.0819C15.605 19.7963 16.4712 19.1275 16.625 17.9532V16.625L19.9844 16.6057H20.0037C20.2782 16.5903 20.5475 16.6845 20.7526 16.8675C20.9577 17.0506 21.0817 17.3075 21.0975 17.5819C21.095 17.5919 21.0662 17.8238 21.0588 17.875H18.5V19.125H20.9025C20.8363 19.6082 20.7756 19.9113 20.7069 20.375H18.5V21.625H20.5119C20.438 21.9274 20.3194 22.2171 20.16 22.4844C19.9894 22.7625 19.8425 22.8675 19.7113 22.875H9.125V18.2069C10.1381 17.6694 10.7681 16.8963 11.1756 16.43C11.5981 15.9463 11.8881 15.58 12.1719 15.3363C12.3575 15.1775 12.6481 15.0869 12.9144 14.9844Z" fill="white"/>
                    </svg>
                    <h2>{{$work_us->values_title}}</h2>
                </div>

                <div class="values__items">
                    @foreach ( $work_us->values as $values)
                        <p>{{$values['value']}} </p>
                    @endforeach
                </div>
            </div>
        </div>
    </section>
</div>

@endsection