@extends('layouts.master')
@section('content')
<style>
    .label-text {
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .label-text strong {
        font-size: 14px;
        display: block;
        line-height: 1
    }

    .topstats .gary-box {
        line-height: 1;
        background-color: #f9f9f9;
        border-bottom: solid 1px #d1d1d1;
        padding: 10px;
        letter-spacing: 1px;
    }

    .topstats .gary-box span {
        font-family: 'Rationale', sans-serif;
        color: #0038ba;
        font-size: 22px;
        float: right;
        margin-top: -2px;
    }

    .no-value {
        font-family: 'Rationale', sans-serif;
        font-size: 18px !important;
        font-weight: normal;
        margin-top: -2px;
    }

    .table {
        font-size: 14px;
        border: solid 1px #dee2e6;
    }

    .table td,
    .table th {
        padding: 5px;
    }

    .table tfoot,
    .table th {
        background: linear-gradient(0deg, #f6f6f6 0%, #f6f6f6 100%);
        color: #0038ba;
        font-size: 14px
    }
</style>
<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">Booking vs Execution <span></span></h2>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Booking vs Execution</span></a></li>
            <li><span>Detail</span></li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="Product-Filter pt-0 pb-0">
            <div class="row">
              
                <div class="col-md-4 label-text pr-0">Distributor: <strong>{{$info->distributor_name}}</strong></div>
                <div class="col-md-3 label-text">Order Booker: <strong>{{$info->order_booker_name}}</strong></div>
                <div class="col label-text">Route: <strong>{{$info->route}} </strong></div>
                <div class="col label-text">Date: <strong>{{$info->date}}</strong></div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>



<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="header">
                <h2>Booking vs Execution <span></span></h2>
            </div>
            <div class="body PT-5">

                <div class="row topstats mb-20">
                    <div class="col-md-6">
                        <div class="gary-box">Booked Productive Shops <span>{{$info->booked_productive_shops}}</span></div>
                    </div>
                    <div class="col-md-6">
                        <div class="gary-box">Executed Productive Shops <span>{{$info->booked_executed_shops ? $info->booked_executed_shops: 0}}</span></div>
                    </div>
                </div>

                <table class="table table-hover dt-responsive nowrap mb-0" style="width:100%">
                    <thead>
                        <tr>
                            <th>Unit</th>
                            <th>Booking</th>
                            <th>Booking in CTNs</th>
                            <th>Execution</th>
                            <th>Execution in CTNs</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($result as $key=>$value)
                            <tr>
                                <td>{{$unitNames[$key]["unit_name"]}}</td>
                                <td class="no-value">{{number_format($value["booked_qty"],0,'.',',')}} <small></small></td>
                                <td class="no-value">{{number_format($value["parent_booked_qty"],2,'.',',')}} <small>CTNS</small></td>
                                <td class="no-value">{{number_format($value["executed_qty"],0,'.',',')}}<small></small></td>
                                <td class="no-value">{{number_format($value["parent_executed_qty"],2,'.',',')}}<small>CTNS</small></td>
                            </tr>
                        @endforeach

                    </tbody>
                    <tfoot>
                        <tr>
                            <th class="no-value">Total</th>
                            <th class="no-value">{{number_format($total["booked_qty"],0,'.',',')}}</th>
                            <th class="no-value">{{number_format($total["parent_booked_qty"],2,'.',',')}}</th>
                            <th class="no-value">{{number_format($total["executed_qty"],0,'.',',')}}</th>
                            <th class="no-value">{{number_format($total["parent_executed_qty"],2,'.',',')}}</th>
                        </tr>


                    </tfoot>
                </table>


            </div>
        </div>

    </div>


</div>





@endsection