@extends('frontend.layout')
@section('page_title', $company->company_name)
@section('styles')
<style>
    .ci-block {
        display: flex;
        flex-direction: row-reverse;
    }

    .hl-data-block {
        min-width: 30%;
        margin-bottom: 15px;
    }

    .hl-data {
        border: 1px solid #b0b8be;
        padding: 8px 6px;
    }

    .hl-data>div {
        margin-bottom: 5px;
    }

    .hl-data-table td {
        padding: 4px 9px;
    }

    .hl-data-table td:first-child {
        font-weight: bold;
        padding-right: 10px;
        min-width: 120px;
    }

    .hl-data-table td:nth-child(2) {
        padding-left: 10px;
    }

    .hl-data-label,
    .hl-data-value {
        display: inline-block;
    }

    .hl-data-label {
        font-weight: bold;
        width: 130px;
    }

    .ov-data {
        margin-right: 12px;
    }

    .data-row.clp {
        max-width: 450px;
    }

    @media only screen and (max-width: 770px) {
        .ci-block {
            flex-direction: column;
        }
    }
</style>
@endsection
@section('content')
<section>
    <div class="container">
        <h1 class="page-heading-1 mt-25 pl-10" style="margin-left: 0;">{{$company->company_name}}</h1>

        <div class="ci-block">
            <div class="hl-data-block">
                <div class="hl-data">
                    <div class="mt-5 mb-25 w-100c tx-center">
                        <img src="{{ asset('common_image/companies') }}/{{$company->company_image ?? 'placeholder.png'}}"
                            alt="{{$company->company_name}}" class="company-logo-modern">
                    </div>
                    <table class="hl-data-table">
                        <tbody>
                        @if($company->established)
                        <tr>
                            <td>Established</td>
                            <td>
                                {{$company->established}}
                            </td>
                        </tr>
                        @endif
                        @if($company->market_share)
                        <tr>
                            <td>Market Share</td>
                            <td>
                                {{$company->market_share}}
                            </td>
                        </tr>
                        @endif
                        @if($company->growth)
                        <tr>
                            <td>Growth</td>
                            <td>
                                {{$company->growth}}
                            </td>
                        </tr>
                        @endif
                        <tr>
                            <td>Total generics</td>
                            <td>
                                {{$generics_count[$company->company_name]->count()}}
                            </td>
                        </tr>
                        <tr>
                            <td>Total brands</td>
                            <td>
                                <a href="{{url('/companies')}}/{{$company->id}}/{{strtolower(str_replace(' ', '-', $company->company_name))}}/brands"
                                    title='Total brands'
                                    target='_blank'>{{$brands_count[$company->company_name]->count()}} <i
                                        class="fa fa-external-link ml-5"></i></a>
                            </td>
                        </tr>
                        @if($company->contact_details)
                        <tr>
                            <td>Contact details</td>
                            <td>
                                {{$company->contact_details}}
                            </td>
                        </tr>
                        @endif
                        @if($company->fax)
                        <tr>
                            <td>Fax</td>
                            <td>
                                {{$company->fax}}
                            </td>
                        </tr>
                        @endif
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="ov-data mb-50 col-xs-12">
                <div class="mb-50">
                    {!! $company->description !!}
                </div>

                <h3 class="ac-header ">Top brands</h3>
                <div class="row">

                    @foreach ($brands as $brands)
                    <div class="col-xs-12 col-sm-6">

                        <a href="{{url('/brands')}}/{{$brands->b_id}}/{{strtolower(str_replace(' ', '-', $brands->brand_name))}}"
                            class="hoverable-block">
                            <div class="data-row clp">
                                <div class="data-row-top" style="font-size: 1.3em;">
                                    <span class="md-icon-container"><img
                                            src="{{asset('common_image/dosages')}}/{{$brands->icon_image}}"
                                            alt='{{$brands->dosage_forms}}' title='{{$brands->dosage_forms}}'
                                            class='dosage-icon'></span> {{$brands->brand_name}}
                                </div>
                                <div>
                                    {{$brands->generic_name}}
                                </div>
                            </div>

                        </a>

                    </div>
                    @endforeach


                </div>


                <div class="mt-25 pl-5 tx-center tx-1-1">
                    <a href="{{url('/companies')}}/{{$company->id}}/{{strtolower(str_replace(' ', '-', $company->company_name))}}/brands"
                        class="btn btn-sm btn-outline-teal"><i class="fa fa-external-link"></i> View all
                        {{$brands_count[$company->company_name]->count()}}
                        brands</a>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection