@extends('dashboard.dashboard_layouts.dashboard_master')

@section('admin_dashboard_title')
Client Action Center
@endsection

@section('admin_dashboard_css')
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css">
<style>
    .iframe-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
    }

    .iframe-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
</style>
@endsection

@section('admin_dashboard_content')
<div class="content dashboard-content h-100">
    <h1 class="dashboard-content-h1">Client Action Center</h1>
    <div class="content-wrap">

        <!-- breadcrumb -->
        <div class="breadcrumb-header justify-content-between">

            <nav class="breadcrumb-4">

                <ol class="breadcrumb breadcrumb-style1">

                    <li class="breadcrumb-item">

                        <a href="/client/dashboard">Dashboard</a>

                    </li>

                    <li class="breadcrumb-item active">Action Center</li>

                </ol>

            </nav>

        </div>
        <!-- breadcrumb end -->
        

        <div class="row">
            <div class="col-lg-12">
                <div class="iframe-wrapper">
                    <iframe src="/action/center/{{ $prod }}" title="Action Center"></iframe>
                </div>
            </div>
            <div class="col-lg-12 text-center">
                <a href="{{Env('APP_URL')}}/action/center/{{ $prod }}" target="_blank" id="actionLink" class="btn btn-prim"> Copy Link</a> 
            </div>
        </div>
    </div>
</div>

@endsection

@section('admin_dashboard_script')
@endsection