@extends('account::layouts.account')

@section('title',$company->name)
@section('subtitle','Company Details')

@section('content')
    <x-account.container>
        <div class="text-right mb-3">
            <a type="button" href="{{ route('account.company.edit') }}" class="btn btn-sm btn-outline-dark px-3">
                <i class="fas fa-edit mr-2"></i>Edit
            </a>
        </div>

        @if (!auth()->user()->company()->status)
            <div class="alert alert-danger py-2">
                <i class="fas fa-exclamation-circle mr-2"></i>Your account is disabled by administrator! Please contact us for more information.
            </div>
        @endif

        <div class="card">
            <div class="card-body">
                <table class="table table-borderless table-striped">
                    <tr>
                        <td class="text-dark text-bold">Logo</td>
                        <td>
                            <img style="max-width: 200px" src="{{ asset("storage/company/{$company->logo}") }}"
                                 alt="{{ $company->name }}">
                        </td>
                    </tr>
                    <tr>
                        <td class="text-dark text-bold">Company Name</td>
                        <td>{{ $company->name }}</td>
                    </tr>
                    <tr>
                        <td class="text-dark text-bold">Company Email</td>
                        <td>
                            <span>{{ $company->email }}</span><br>
                            <small class="text-primary mt-3">
                                This email address is used to receive job applicants
                            </small>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-dark text-bold">Company Phone</td>
                        <td>
                            <span>{{ $company->phone }}</span><br>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-dark text-bold">Country</td>
                        <td>{{ $company->country }}</td>
                    </tr>
                    <tr>
                        <td class="text-dark text-bold">City</td>
                        <td>{{ $company->city ?: '-' }}</td>
                    </tr>
                    <tr>
                        <td class="text-dark text-bold">Street</td>
                        <td>{{ $company->street ?: '-' }}</td>
                    </tr>
                    <tr>
                        <td class="text-dark text-bold">Number</td>
                        <td>{{ $company->number ?: '-' }}</td>
                    </tr>

                    <tr>
                        <td class="text-dark text-bold">Company Description</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            {!! $company->description !!}
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </x-account.container>
@endsection