@extends('layouts.app')
@push('style')   
  
    
    <link rel="stylesheet" type="text/css" href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css"/>
    
  
@endpush

@section('content')
@include('components.modalalert')
<div class="container-fluid my-1  bg-light border shadow-lg rounded-3">
    <div class="row flex-nowrap p-2" id="2nd-row">
        @include('subscriptions.components.leftpanel')
        <div class="col-md-10 flex-grow-1 " id="rightPanel">
             
            <div class="row px-2 pb-0   rounded-3 border shadow-lg">
                <div class="text-dark px-0">
                        <div id="info-message" class="mr-4 alert alert-danger 
                            @if (session('error')) 
                                    " >{{session('error')}}  
                            @else  
                                    d-none"> 
                            @endif  
                        </div>
                </div>
                <div id="PagePanel" class="flex-row px-2 pb-2  justify-content-between">                                
                    <div class="row mb-auto">
                        @if (isset($socialmediapage))
                            @include('subscriptions.show')    
                        @else
                            @include('subscriptions.components.active')
                            @endif
                    </div>    
                </div>            
            </div>
        </div>
    </div>
</div>





@endsection