@extends('layouts.backend.app')
@section('title', "Tableau de bord")
@section('content')
    <!-- Page Wrapper -->
    <!-- Page Wrapper -->
            <div class="page-wrapper">
                <div class="content container-fluid">

					<!-- Page Header -->
					<div class="page-header">
						<div class="row">
							<div class="col">
								<h3 class="page-title">Détails d'un afroshop</h3>
								<ul class="breadcrumb">
									<li class="breadcrumb-item"><a href="#">Tableau de bord</a></li>
                                    <li class="breadcrumb-item"><a href="{{route('afroshops.index')}}">Afroshops</a></li>
									<li class="breadcrumb-item active">Détails d'un afroshop</li>
								</ul>
							</div>
						</div>
					</div>
					<!-- /Page Header -->
					<div class="row">
                        <div class="col-md-12">
                            <x-alert/>
                        </div>
						<div class="col-sm-12">
							<div class="card">
								<div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-8">
                                            <div class="card">
                                                <div class="card-header">
                                                    <h5 class="card-title d-flex justify-content-between">
                                                        <span>Informations générales</span>
                                                    </h5>
                                                </div>
                                                <div class="card-body">
                                                    <div class="row">
                                                        <p class="col-sm-6 text-muted text-sm-right mb-0 mb-sm-3">Ville/commune</p>
                                                        <p class="col-sm-6">Yaounde</p>
                                                    </div>
                                                    <div class="row">
                                                        <p class="col-sm-6 text-muted text-sm-right mb-0 mb-sm-3">Bénéfices</p>
                                                        <p class="col-sm-6">300,000€</p>
                                                    </div>
                                                    <div class="row">
                                                        <p class="col-sm-6 text-muted text-sm-right mb-0 mb-sm-3">Nombre de visite par jour</p>
                                                        <p class="col-sm-6">20</p>
                                                    </div>
                                                    <div class="row">
                                                        <p class="col-sm-6 text-muted text-sm-right mb-0 mb-sm-3">taux d'achat</p>
                                                        <p class="col-sm-6">4,000€</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="card">
                                                <div class="card-header">
                                                    <h5 class="card-title d-flex justify-content-between">
                                                        <span>Coupons</span>
                                                    </h5>
                                                </div>
                                                <div class="card-body">
                                                    <div class="row">
                                                        <p class="col-sm-6 text-muted text-sm-right mb-0 mb-sm-3">Coupon 1</p>
                                                        <p class="col-sm-6">22/10/2021</p>
                                                    </div>
                                                    <div class="row">
                                                        <p class="col-sm-6 text-muted text-sm-right mb-0 mb-sm-3">Coupon 2</p>
                                                        <p class="col-sm-6">05/11/2021</p>
                                                    </div>
                                                    <div class="row">
                                                        <p class="col-sm-6 text-muted text-sm-right mb-0 mb-sm-3">Coupon 3</p>
                                                        <p class="col-sm-6">05/12/2021</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<!-- /Main Wrapper -->
@endsection