@extends('layouts.admin')
@section('content')
@section('headerTitle')
{{$career->title}}
@endsection
@section('breadcrumbs')
<!--end::Item-->
<!--begin::Item-->
{{ Breadcrumbs::render('admin.cms.careers.view',$career ) }}

@endsection
@section('buttons')
@can('admin-create')
<edit-career :career="{{$career}}"></edit-career>
@endcan
@endsection
<div class="row g-6 g-xl-9">
    <!--begin::Col-->
    <div class="col-lg-6">
        <!--begin::Summary-->
        <div class="card card-flush h-lg-100">
            <!--begin::Card header-->
            <div class="card-header mt-6">
                <!--begin::Card title-->
                <div class="card-title ">
                 <div class="flex-column">
                    <h3 class="fw-bolder mb-1">{{$career->title}}</h3>
                 </div>
                </div>
            </div>
            <!--end::Card header-->
            <!--begin::Card body-->
            <div class="card-body p-9 pt-5">
                <!--begin::Wrapper-->
                <div class="d-flex flex-wrap">
                    <!--begin::Chart-->
              
                    <!--end::Chart-->
                    <!--begin::Labels-->
                    <div class="d-flex flex-column justify-content-center flex-row-fluid pe-11 mb-5">
                        <!--begin::Label-->
                        <div class="d-flex fs-6 fw-bold align-items-center mb-3">
                            <div class="bullet bg-primary me-3"></div>
                            <div class="text-gray-400">Tipul angajarii</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$career->employment_time}}</div>
                        </div>
                        <!--end::Label-->
                        <!--begin::Label-->
                        <div class="d-flex fs-6 fw-bold align-items-center mb-3">
                            <div class="bullet bg-primary me-3"></div>
                            <div class="text-gray-400">Modul de munca</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$career->employment_location_type}}</div>
                        </div>
                        <!--end::Label-->
                        <!--begin::Label-->
                        @if ($career->employment_location_type != 'Remote')
                            <div class="d-flex fs-6 fw-bold align-items-center mb-3">
                                <div class="bullet bg-primary me-3"></div>
                                <div class="text-gray-400">Locatia</div>
                                <div class="ms-auto fw-bolder text-gray-700">{{$career->location}}</div>
                            </div>
                        @endif  

                        <div class="d-flex fs-6 fw-bold align-items-center mb-3">
                            <div class="bullet bg-primary me-3"></div>
                            <div class="text-gray-400">Documente necesare</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$career->required_documents}}</div>
                        </div>
                        <div class="d-flex fs-6 fw-bold align-items-center mb-3">
                            <div class="bullet bg-primary me-3"></div>
                            <div class="text-gray-400">Metoda de selectie</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$career->selection_method}}</div>
                        </div>
                        <div class="d-flex fs-6 fw-bold align-items-center mb-3">
                            <div class="bullet bg-primary me-3"></div>
                            <div class="text-gray-400">Descrierea competitiei</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$career->competition}}</div>
                        </div>
                        <div class="d-flex fs-6 fw-bold align-items-center mb-3">
                            <div class="bullet bg-primary me-3"></div>
                            <div class="text-gray-400">Data crearii</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$career->created_at}}</div>
                        </div>
                        <div class="d-flex fs-6 fw-bold align-items-center">
                            <div class="bullet bg-primary me-3"></div>
                            <div class="text-gray-400">Ultima actualizare</div>
                            <div class="ms-auto fw-bolder text-gray-700">{{$career->updated_at}}</div>
                        </div>
                        <!--end::Label-->
                    </div>
                    <!--end::Labels-->
                </div>
                <!--end::Wrapper-->
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Summary-->
    </div>
    <!--end::Col-->

    <!--begin::Col-->
    @if ($career->employment_location_type != 'Remote')
        <div class="col-lg-6">
            <!--begin::Graph-->
            <div class="card card-flush h-lg-100">
                <!--begin::Card header-->
                <div class="card-header mt-6">
                    <!--begin::Card title-->
                    <div class="card-title flex-column">
                        <h3 class="fw-bolder mb-1">Hartă</h3>
                    </div>
                    <!--end::Card title-->
            
                </div>
                <!--end::Card header-->
                <!--begin::Card body-->
                <div class="card-body" style="height: 250px; overflow-y: auto">
                    <div class="card-body pt-10 pb-0 px-5 mb-10" style="position: relative;">
                        <show-map :payload="{{$career}}"></show-map> 
                    </div>        
                </div>

                <!--end::Card body-->
            </div>
            <!--end::Graph-->
        </div>
    @endif

    <div class="col-lg-6">
        <div class="card card-flush">
            <div class="card-header mt-6">
                <!--begin::Card title-->
                <div class="card-title flex-column">
                    <h3 class="fw-bolder mb-1">Atașamente</h3>
                </div>
                <!--end::Card title-->

            </div>
            <div class="card-body">
                @php
                    $filename = basename($career->file); // Extract the filename from the path
                @endphp
                <a href="{{ asset($career->file) }}" target="_blank">
                    {{ $filename }}
                </a>
            </div>
        </div>
    </div>
</div>

@endsection