@section('title', $this->title)
<div>

    <section class="main mt-3" wire:init="showDetails('{{ $this->detail_id }}')">
        <div class="container">
            <div class="row">
                <span class="mb-3">
                    <a class="back-text" wire:click="backToJobCategory">
                        <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M8.33268 13.833L11.666 10.4997L8.33268 7.16634" stroke="#61646C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                        <span>جزئیات آگهی</span>
                    </a>
                </span>
                <div class="col-12 job-card job-card-mobile">
                    <div class="job-item d-flex align-items-center p-3 mb-3">

                        <div class="job-details flex-grow-1">
                            <h5 class="job-title mb-1">{{ $this->details['title'] ?? ' ' }}</h5>
                            <p class="job-company text-muted">{{ $this->details['city'] ?? ' ' }}</p>
                        </div>
                        <div class="job-date text-muted">{{ $this->beforeData($this->details['publishDateTime']) }} روز پیش </div>

                    </div>
                </div>

                <div class="col-12 mt-4">

                    <div wire:loading.remove class="current-job pt-3 ps-4 pe-4">

                        @include('livewire.mobile.single_partials.current-job-head')

                        <span class="city-name">{{ $this->details['city'] }}</span>

                        @include('livewire.mobile.single_partials.current-job-body')

                        @include('livewire.mobile.single_partials.doc-section')

                        <hr style="color: #CECFD2">

                        @include('livewire.mobile.single_partials.info-job')

                        <hr style="color: #CECFD2">

                        <p class="doc-title">فرایند استخدام:</p>

                        @include('livewire.mobile.single_partials.recruitment-process')

                        <a
                            wire:click="goSendResume('{{ $this->title }}', '{{ $this->details['title'] }}')"
                            class="send-resume mt-md-5 d-block text-center"
                            style="cursor: pointer">
                            ارسال رزومه
                        </a>

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

</div>

@section('script')
    <script src="{{ asset('home/js/app.js') }}"></script>
@endsection