@extends('layouts.master')

@section('title', $title = "FENITOURCI / Dashboard")

@section('description', $description = "")

@section("css")

@endsection

@section('content')
    <!--**********************************
                Content body start
            ***********************************-->
    <div class="content-body">
        <!-- row -->
        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-9 col-xxl-12">
                    <div class="row">
                        {{--<div class="col-xl-12">
                            <div class="card">
                                <div class="card-header flex-wrap border-0 pb-0 align-items-end">
                                    <div class="mb-3 me-3">
                                        <h5 class="fs-20 text-black font-w500">Reste à payer</h5>
                                        <span class="text-num text-black fs-36 font-w500">000 000 XOF</span>
                                    </div>
                                    <div class="me-3 mb-3">
                                        <p class="fs-14 mb-1">Compte</p>
                                        <span class="text-black fs-16">TOURE Mardochée</span>
                                    </div>
                                    <div class="me-3 mb-3">
                                        <p class="fs-14 mb-1">Dernier paiement</p>
                                        <span class="text-black fs-16">08/21</span>
                                    </div>
                                    <span class="fs-20 text-black font-w500 me-3 mb-3">**** **** **** 1234</span>
                                    <div class="dropdown mb-auto">
                                        <a href="javascript:void(0);" class="btn-link" data-bs-toggle="dropdown" aria-expanded="false">
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                                <path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                                <path d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                            </svg>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-right">
                                            <a class="dropdown-item" href="javascript:void(0);">Delete</a>
                                            <a class="dropdown-item" href="javascript:void(0);">Edit</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="progress default-progress">
                                        <div class="progress-bar bg-gradient-5 progress-animated" style="width: 50%; height:20px;" role="progressbar">
                                            <span class="sr-only">50% Complete</span>
                                        </div>
                                    </div>
                                    <div class="d-flex justify-content-end mt-3 pt-2">
                                        <a href="javascript:void(0);" class="btn btn-primary"><i class="las la-wallet scale5 me-3"></i>Effectuer un paiement </a>
                                    </div>
                                </div>
                            </div>
                        </div>--}}

                        <div class="col-xl-12">
                            <div class="card">
                                <div class="card-header d-block d-sm-flex border-0">
                                    <div class="me-3">
                                        <h4 class="card-title mb-2">Campagne Détails</h4>
                                        <span class="fs-12">Lorem ipsum dolor sit amet, consectetur</span>
                                    </div>

                                </div>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-hover table-responsive-sm">
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Name</th>
                                                <th>Status</th>
                                                <th>Date</th>
                                                <th>Price</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <th>1</th>
                                                <td>Kolor Tea Shirt For Man</td>
                                                <td><span class="badge badge-primary light">Sale</span>
                                                </td>
                                                <td>January 22</td>
                                                <td class="color-primary">$21.56</td>
                                            </tr>
                                            <tr>
                                                <th>2</th>
                                                <td>Kolor Tea Shirt For Women</td>
                                                <td><span class="badge badge-success">Tax</span>
                                                </td>
                                                <td>January 30</td>
                                                <td class="color-success">$55.32</td>
                                            </tr>
                                            <tr>
                                                <th>3</th>
                                                <td>Blue Backpack For Baby</td>
                                                <td><span class="badge badge-danger light">Extended</span>
                                                </td>
                                                <td>January 25</td>
                                                <td class="color-danger">$14.85</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--**********************************
        Content body end
    ***********************************-->
@endsection

@section("js")

@endsection