@extends('layouts.master')

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

@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-12">
                    <div class="card">
                        <div class="card-body transaction-details d-flex flex-wrap justify-content-between align-items-center pb-3">
                            <div class="row align-items-center">
                                <div class="col-xl-5 mb-3">
                                    <div class="amount-bx">
                                        <i class="fa fa-usd"></i>
                                        <div>
                                            <p class="mb-1">Reste à payer</p>
                                            <h3 class="mb-0">$ 986.23</h3>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xl-7 d-flex flex-wrap justify-content-between align-items-center">
                                    <div class="d-flex me-3 mb-3 ms-2 align-items-start">
                                        <i class="fa fa-phone scale-2 me-4 mt-2"></i>
                                        <div>
                                            <p class="mb-2">Telephone</p>
                                            <h4 class="mb-0">+12 345 5662 66</h4>
                                        </div>
                                    </div>
                                    {{--<div class="d-flex me-3 mb-3 ms-2 align-items-start">
                                        <i class="fa fa-envelope scale-2 me-4 mt-2"></i>
                                        <div>
                                            <p class="mb-2">Email</p>
                                            <h4 class="mb-0">samuelbro@mail.com</h4>
                                        </div>
                                    </div>--}}
                                    <div class="d-flex mb-3">
                                        <a class="btn btn-dark light me-3" href="javascript:void(0);"><i class="las la-print me-3 scale5"></i>Print</a>
                                        <a href="javascript:void(0);" class="btn btn-primary"><i class="las la-download scale5 me-3"></i>Download Report</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-body pb-3 transaction-details d-flex flex-wrap justify-content-between align-items-center">
                            {{--<div class="user-bx-2 me-3 mb-3">
                                <img src="{{ asset('assets/images/profile/1.png') }}" class="rounded" alt="">
                                <div>
                                    <h3>Richard Michael</h3>
                                    <span>@richardmichael</span>
                                </div>
                            </div>
                            <div class="me-3 mb-3">
                                <p class="mb-2">Payment Method</p>
                                <h4 class="mb-0">MasterCard 404</h4>
                            </div>
                            <div class="me-3 mb-3">
                                <p class="mb-2">Invoice Date</p>
                                <h4 class="mb-0">April 29, 2020</h4>
                            </div>
                            <div class="me-3 mb-3">
                                <p class="mb-2">Due Date</p>
                                <h4 class="mb-0">June 5, 2020</h4>
                            </div>
                            <div class="me-3 mb-3">
                                <p class="mb-2">Date Paid</p>
                                <h4 class="mb-0">June 4, 2020</h4>
                            </div>
                            <div class="amount-bx mb-3">
                                <i class="fa fa-usd"></i>
                                <div>
                                    <p class="mb-1">Amount</p>
                                    <h3 class="mb-0">$ 986.23</h3>
                                </div>
                            </div>--}}
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--**********************************
        Content body end
    ***********************************-->
@endsection

@section("js")
    <!--**********************************
        Scripts
    ***********************************-->
    <!-- Required vendors -->
    <script src="{{ asset('assets/vendor/global/global.min.js') }}"></script>
    <script src="{{ asset('assets/vendor/chart.js/Chart.bundle.min.js') }}"></script>
    <script src="{{ asset('assets/vendor/jquery-nice-select/js/jquery.nice-select.min.js') }}"></script>
    <!-- Apex Chart -->
    <script src="{{ asset('assets/vendor/apexchart/apexchart.js') }}"></script>
    <script src="{{ asset('assets/js/dashboard/transaction-details.js') }}"></script>
    <!-- Datatable -->
    <script src="{{ asset('assets/vendor/datatables/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/js/plugins-init/datatables.init.js') }}"></script>

    <script src="{{ asset('assets/js/custom.min.js') }}"></script>
    <script src="{{ asset('assets/js/dlabnav-init.js') }}"></script>
@endsection