@extends('backend::layouts.app')

@section('content')
    <x-ui.breadcrumb title="Companies">
        <span>Companies</span>
        <x-slot:actions>
            <a class="dropdown-item" href="{{ route('backend.company.create') }}">Create</a>
            <a class="dropdown-item" href="{{ route('backend.company.export',request()->all()) }}">Export</a>
        </x-slot:actions>
    </x-ui.breadcrumb>

    <x-ui.filters-card id="locations-filter-form">
        <x-form.select2 class="col-12 col-md-3" name="user_id" label="User" :values="$users" value="{{request('user_id') }}"/>
        <x-form.select class="col-12 col-md-3" name="subscription_status" label="Subscription status" :values="$subscriptionStatus" value="{{request('subscription_status') }}"/>
        <x-form.select class="col-12 col-md-3" name="status" label="Status" :values="$status" value="{{request('status') }}"/>
        <x-filter.country class="col-12 col-md-3" name="country" type="slug"/>
        <x-filter.keyword class="col-12 col-md-3"/>
    </x-ui.filters-card>

    <x-ui.table-card :items="$companies">
        <table class="table table-hover table-sm mb-0">
            <thead>
            <tr>
                <th>ID</th>
                <th>Logo</th>
                <th>Name</th>
                <th>Details</th>
                <th>Job details</th>
                <th>Subscription status</th>
                <th>Active</th>
                <th class="th-action">Actions</th>
            </tr>
            </thead>
            <tbody>
            @foreach($companies as $company)
                <tr>
                    <td>{{ $company->id }}</td>
                    <td class="wpx-100">
                        <div class="thumb-xl">
                            <img class="w-100" src="{{ $company->getAssetLogo() }}" alt="">
                        </div>
                    </td>
                    <td>
                        <div>
                            @if ($company->isSubscribed())
                                <span data-bs-title="Subscribed"><i class="fas fa-star text-danger"></i></span>
                            @endif
                            <a href="{{ route('recruiter.show',['slug' => $company->slug]) }}" target="_blank">{{ $company->name }}</a>
                        </div>
                        <div><span class="text-light-emphasis">by</span> <b>{{ $company->user->email ?? 'No user' }}</b></div>
                    </td>
                    <td>
                        <div><span class="text-light-emphasis">Cell</span>: {{ $company->phone }}</div>
                        <div><span class="text-light-emphasis">Country</span>: {{ $company->country }}</div>
                        <div><span class="text-light-emphasis">Updated at</span> : {{ app_date($company->updated_at) }}</div>
                    </td>
                    <td>
                        <div>
                            <a target="_blank"
                               data-bs-toggle="tooltip"
                               data-title="Click for details"
                               href="{{ route('backend.job.index',['company_id' => $company->id]) }}"> Jobs: {{ intval($company->jobs_count) }}</a>
                        </div>

                        <div>
                            <a target="_blank"
                               data-bs-toggle="tooltip"
                               data-title="Click for details"
                               href="{{ route('backend.job-applicant.index',['company_id' => $company->id]) }}">Applicants: {{ intval($company->applicants_count) }}</a>
                        </div>

                        <div>Limit jobs: {{ intval($company->job_post_limit) }}</div>
                    </td>
                    <td>
                        {!! $company->getLabelSubscriptionStatus() !!}
                        @if ($company->isSubscribed())
                            <br><span class="text-light-emphasis">{{ app_date_tohuman($company->subscription->created_at->timestamp) }}</span>
                        @endif
                    </td>
                    <td>
                        <livewire:backend.form-control.switch-button
                            table="company.status"
                            unique="{{ $company->id }}"
                            value="{{ (bool)$company->status }}"
                        />
                    </td>
                    <td class="td-action">
                        <x-ui.table-action>
                            <a class="dropdown-item"
                               href="{{ route('backend.company.edit',['company' => $company]) }}">Edit</a>
                            <a class="dropdown-item"
                               href="{{ route('backend.company.show',['company' => $company]) }}">Show</a>

                            <x-ui.delete-record name="{{ $company->name }}" action="{{ route('backend.company.destroy',['company' => $company]) }}"/>

                            <div class="dropdown-divider"></div>

                            <a class="dropdown-item" target="_blank" href="{{ route('backend.developer-tool.login',['id' => $company->user_id]) }}">Sign in</a>
                            <a class="dropdown-item" target="_blank" href="{{ route('backend.job.index',['company_id' => $company->id]) }}">Jobs</a>
                            <a class="dropdown-item" target="_blank" href="{{ route('backend.job-applicant.index',['company_id' => $company->id]) }}">Applicants</a>
                        </x-ui.table-action>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </x-ui.table-card>
@endsection