@extends('layouts.app')

<div id="main-content">
    <div class="container-fluid">
        <div class="block-header">
            <div class="row clearfix">
                <div class="col-md-6 col-sm-12">
                    <h2>Event</h2>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">{{config('app.event.name')}}</a></li>
                            <li class="breadcrumb-item"><a href="#">Member</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Company Profile</li>
                        </ol>
                    </nav>
                </div>
                <div class="col-md-4 col-sm-12 text-right hidden-xs">
                    <a href="{{route('company.edit', $company->id)}}" class="btn btn-sm btn-primary btn-round" title="">Edit</a>
                    <a href="{{route('exhibitor.company.logo', $company->id)}}" class="btn btn-sm btn-success btn-round" title="">Edit Logo</a>
                </div>
            </div>
            <div class="mb-3">
                @if($errors->any())
                    <div class="col-md-12 alert alert-danger">
                        <strong>{{$errors->first()}}</strong>
                    </div>
                @endif
            </div>
            @include('flash::message')
        </div>
        <div class="row clearfix">
            <div class="col-md-12">
                <div class="card social">
                    <div class="d-flex justify-content-between justify-content-center">
                        <img src="{{ asset('company_logo/'.$company->logo)}}" class="rounded" alt="" width="1000px" height="250px">
                    </div>
                </div>
            </div>

            <div class="col-xl-8 col-lg-8 col-md-7">
                <div class="card">
                    <div class="header">
                        <h2>Company Information</h2>
                    </div>
                    <div class="body">
                        <div class="row clearfix">
                            <div class="d-flex">
                                <div class="details">
                                    <h5 class="mb-0">{{$company->company_name}}</h5>
                                </div>
                            </div>
                            <!-- <div>
                                <button class="btn btn-primary btn-sm">Follow</button>
                                <button class="btn btn-success btn-sm">Message</button>
                            </div> -->
                            <div class="col-lg-12 col-md-12">
                                <div class="form-group">
                                    <p>Website :
                                        <strong class="m-l-10">
                                            {{$company->website}}
                                        </strong>
                                    </p>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-12">
                                <div class="form-group">
                                    <p>Phone : <strong class="m-l-10">{{$company->phone}}</strong></p>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-12">
                                <div class="form-group">
                                    <p>Your Corporate Whatsapp Group for Booth : <strong class="m-l-10">{{$company->company_phone}}</strong></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-5">
                <div class="card">
                    <div class="header">
                        <h2>Info</h2>
                    </div>
                    <div class="body">
                        <small class="text-muted">Address: </small>
                        <p>{{$company->address}}</p>
                        <div>
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1923731.7533500232!2d-120.39098936853455!3d37.63767091877441!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80859a6d00690021%3A0x4a501367f076adff!2sSan+Francisco%2C+CA%2C+USA!5e0!3m2!1sen!2sin!4v1522391841133" width="100%" height="150" frameborder="0" style="border:0" allowfullscreen></iframe>
                        </div>
                        <hr>
                        <small class="text-muted">Mobile: </small>
                        <p>{{$company->phone}}</p>
                        <hr>
                        <small class="text-muted">Company Phone: </small>
                        <p>{{$company->company_phone}}</p>
                        <hr>
                        <small class="text-muted">Description: </small>
                        <p class="m-b-0">{{$company->description}}</p>
                        <hr>
                        <small class="text-muted">Social: </small>
                        <p><i class="fa fa-twitter m-r-5"></i> {{$company->twitter}}</p>
                        <p><i class="fa fa-facebook  m-r-5"></i> {{$company->facebook}}</p>
                        <p><i class="fa fa-github m-r-5"></i> {{$company->youtube}}</p>
                        <p><i class="fa fa-instagram m-r-5"></i> {{$company->instagram}}</p>
                        <p><i class="fa fa-instagram m-r-5"></i> {{$company->youtube}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>