@extends('layouts.admin')

@section('admin_content')
    <div class="page-header">
        <h1 class="page-title">Integrations</h1>
    </div>

    <div class="row">
        <div class="col-lg-4 mb-3">
            <div class="panel">
                <div class="panel-body text-center">
                    <i class="fab fa-stripe fa-3x text-primary mb-3"></i>
                    <h5>Stripe</h5>
                    <p class="text-muted">Payment processing</p>
                    <span class="badge bg-success mb-3">Connected</span>
                    <div>
                        <button class="btn btn-sm btn-outline-secondary">Configure</button>
                        <button class="btn btn-sm btn-outline-danger">Disconnect</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4 mb-3">
            <div class="panel">
                <div class="panel-body text-center">
                    <i class="fab fa-mailchimp fa-3x text-warning mb-3"></i>
                    <h5>Mailchimp</h5>
                    <p class="text-muted">Email marketing</p>
                    <span class="badge bg-secondary mb-3">Not Connected</span>
                    <div>
                        <button class="btn btn-sm btn-primary">Connect</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4 mb-3">
            <div class="panel">
                <div class="panel-body text-center">
                    <i class="fab fa-google fa-3x text-danger mb-3"></i>
                    <h5>Google Analytics</h5>
                    <p class="text-muted">Website analytics</p>
                    <span class="badge bg-success mb-3">Connected</span>
                    <div>
                        <button class="btn btn-sm btn-outline-secondary">Configure</button>
                        <button class="btn btn-sm btn-outline-danger">Disconnect</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection