@extends('app')

@section('page_content')
    <div class="page-content container-fluid" style="margin-top: 5em">
        @if (\Session::has('success'))
            <div class="alert alert-success">
                <ul>
                    <li>
                        {!! \Session::get('success') !!}
                    </li>
                </ul>
            </div>
        @endif
        <div class="row">

            <div class="col-md-4">
                <div class="widget widget-shadow text">
                    <div class="widget-header">
                        <div class="widget-header-content fadeIn animated text-center">

                            <img src="{{ !empty($person) ? $person['self_photo'] : asset('img/logo.png')}}" alt="..." class="img-thumbnail">

                            <h5 class="text-center">
                                <i class="fa fa-instagram" style="font-size:20px "></i>  {!! empty($person) ?  '<small>Not Available</small>' : $person['self_name'] !!}
                            </h5>

                            <p style="font-weight: bold;">
                                #{!! !empty($linked_username) ? $linked_username : '<small>Not Available</small>' !!}
                                <br>
                            </p>



                        </div>
                    </div>
                    <div class="widget-body">
                    <hr>
                    </div>
                    <div class="widget-footer">
                        <div class="row no-space">
                        </div>
                    </div>
                </div>
            </div>



            <div class="col-md-8">
                <div class="widget widget-shadow">
                    <div class="widget-header text-center">
                        <div class="widget-header-content">
                            <br>
                            <h4 class="text-capitalize">LinkedIn <i class="fa fa-linkedin-square"></i></h4>
                        </div>
                    </div>
                    <hr>

                    <div class="widget-body">

                        <form class="form" method="post">
                            @csrf
                            <div class="form-group">
                                <label for="post">Post</label>
                                <textarea class="form-control" name="post_field" id="post" rows="5" required>test</textarea>
                            </div>

                            <div class="text-center">
                                <button type="submit" class="btn btn-primary">Post <i class="fa fa-linkedin-square"></i></button>
                            </div>

                        </form>

                    </div>

                    <div class="widget-footer">
                        <div class="row no-space">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
@endsection