@extends('both.template')
@section('title', 'DETAILS ESTIMATION | OPTIMIA')

@section('styleSheets')

@endsection

@section('content')
    <!-- Page Wrapper -->
    <div class="page-wrapper">

        <!-- Page Content -->
        <div class="content container-fluid">

            <!-- Page Header -->
            <div class="page-header">
                <div class="row align-items-center">
                    <div class="col">
                        <h3 class="page-title">Estimation</h3>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ url('/root/estimates/') }}">Estimations</a></li>
                            <li class="breadcrumb-item active">Details Estimation</li>
                        </ul>
                    </div>
                    <div class="col-auto float-right ml-auto">
                        <div class="btn-group btn-group-sm">
                            <button class="btn btn-white"><i class="la la-file-excel-o"></i></button>
                            <button class="btn btn-white"><i class="la la-file-pdf-o"></i></button>
                            <button class="btn btn-white"><i class="la la-print"></i></button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /Page Header -->

            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-sm-6 m-b-20">
                                    <img src="{{ asset('/storage/fileManager/'.$estimateBoard->societyLogo) }}" class="inv-logo" alt="">
                                    <ul class="list-unstyled">
                                        <li>{{ $estimateBoard->societyName }}</li>
                                        <li>262 BKK, Bè Klikamé</li>
                                        <li>05 BP 267 Lomé - Togo</li>
                                        <li>+228 93 05 53 53 | +228 96 05 53 53</li>
                                    </ul>
                                </div>
                                <div class="col-sm-6 m-b-20">
                                    <div class="invoice-details">
                                        <h3 class="text-uppercase">#{{ $estimateBoard->estimateCode }}</h3>
                                        <ul class="list-unstyled">
                                            <li>Création: <span>{{ App\Utils\Utils::getDBDateFormat($estimateBoard->estimateCreatedDate, true) }}</span></li>
                                            <li>Expiration: <span>{{ App\Utils\Utils::getDBDateFormat($estimateBoard->estimateExpiryDate, true) }}</span></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6 col-lg-7 col-xl-8 m-b-20">
                                    <h5>Client: #{{ $estimateBoard->codeClient }}</h5>
                                    <ul class="list-unstyled">
                                        <li>
                                            <h5>
                                                <strong>
                                                    <i class="la la-{{ $estimateBoard->clientGender === 'Masculin'?'male':'female' }}"></i>
                                                    {{ $estimateBoard->clientFullName }}
                                                </strong>
                                            </h5>
                                        </li>
                                        <li>{{ $estimateBoard->clientAdress }}</li>
                                        <li><span>{{ $estimateBoard->clientEmail }}</span></li>
                                        <li>{{ $estimateBoard->clientPhone }}</li>
                                    </ul>
                                </div>
                                <div class="col-sm-6 col-lg-5 col-xl-4 m-b-20">
                                    <span class="text-muted">Details Estimation:</span>
                                    <ul class="list-unstyled invoice-payment-details">
                                        <li>
                                            <h5>
                                                Total:
                                                <span class="text-right">
                                                    <script type="text/javascript">
                                                        document.write(
                                                            new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'XOF' }).format('{{ $estimateBoard->estimateGrandTotal }}')
                                                        );
                                                    </script>
                                                </span>
                                            </h5>
                                        </li>
                                        <li>Taxe: <span>{{ $estimateBoard->taxePercent }}%</span></li>
                                        <li>Remise: <span>{{ $estimateBoard->estimateDiscount }}%</span></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="table-responsive">
                                <table class="table table-striped table-hover">
                                    <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Désignation</th>
                                        <th class="d-none d-sm-table-cell">Description</th>
                                        <th>Prix Unitaire</th>
                                        <th>Quantité</th>
                                        <th class="text-right">Total</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        @php $i = 1; @endphp
                                        @foreach($estimateItems as $item)
                                            <tr>
                                                <td>{{ $i }}</td>
                                                <td>{{ $item->estimateItemName }}</td>
                                                <td class="d-none d-sm-table-cell">{{ $item->estimateItemDescription }}</td>
                                                <td>
                                                    <script type="text/javascript">
                                                        document.write(
                                                            new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'XOF' }).format('{{ $item->estimateItemUnitCost }}')
                                                        );
                                                    </script>
                                                </td>
                                                <td>{{ $item->estimateItemQuantity }}</td>
                                                <td class="text-right">
                                                    <script type="text/javascript">
                                                        document.write(
                                                            new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'XOF' }).format('{{ $item->estimateItemAmount }}')
                                                        );
                                                    </script>
                                                </td>
                                            </tr>
                                            @php $i++; @endphp
                                        @endforeach


                                    </tbody>
                                </table>
                            </div>
                            <div>
                                <div class="row invoice-payment">
                                    <div class="col-sm-7">
                                    </div>
                                    <div class="col-sm-5">
                                        <div class="m-b-20">
                                            <div class="table-responsive no-border">
                                                <table class="table mb-0">
                                                    <tbody>
                                                    <tr>
                                                        <th>Sous Total:</th>
                                                        <td class="text-right">
                                                            <script type="text/javascript">
                                                                document.write(
                                                                    new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'XOF' }).format('{{ $estimateBoard->estimateTotal }}')
                                                                );
                                                            </script>
                                                        </td>
                                                    </tr>
                                                    @php
                                                        $taxe = $estimateBoard->estimateTotal * $estimateBoard->taxePercent / 100;
                                                        $discount = $estimateBoard->estimateTotal * $estimateBoard->estimateDiscount / 100;
                                                    @endphp
                                                    <tr>
                                                        <th>Taxe: <span class="text-regular">({{ $estimateBoard->taxePercent }}%)</span></th>
                                                        <td class="text-right">
                                                            <script type="text/javascript">
                                                                document.write(
                                                                    new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'XOF' }).format('{{ $taxe }}')
                                                                );
                                                            </script>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th>Remise: <span class="text-regular">({{ $estimateBoard->estimateDiscount }}%)</span></th>
                                                        <td class="text-right">
                                                            <script type="text/javascript">
                                                                document.write(
                                                                    new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'XOF' }).format('{{ $discount}}')
                                                                );
                                                            </script>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th>Total:</th>
                                                        <td class="text-right text-primary">
                                                            <h5>
                                                                <script type="text/javascript">
                                                                    document.write(
                                                                        new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'XOF' }).format('{{ $estimateBoard->estimateGrandTotal }}')
                                                                    );
                                                                </script>
                                                            </h5>
                                                        </td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="invoice-info">
                                    <h5>Autre information</h5>
                                    <p class="text-muted">{{ $estimateBoard->estimateAnotherInfos!=null?$estimateBoard->estimateAnotherInfos:'Aucune' }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /Page Content -->

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

@section('scriptsSheets')

    <script type="text/javascript">
    </script>
@endsection