@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
    }

    ._selectProList {
        width: 100%;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border-left: solid 1px #e4e4e4;
        padding-bottom: 20px;
        background-color: white;
        height: auto;

    }

    .total-corton {
        font-size: 16px;
        padding-top: 30px
    }

    .total-corton span {
        font-family: 'Rationale', sans-serif;
        font-size: 22px !important;
        font-weight: normal;
        margin-top: -2px;
        float: right
    }
    .no-font {
        font-family: 'Rationale', sans-serif;
        font-size: 22px !important;
        font-weight: normal; 
        background-color: white !important;
    }
    .action-btn {
        padding: 20px;
        border-top: solid 1px #e4e4e4;
        text-align: right
    }

    .form-group .form-control {
        height: 35px
    }
</style>
<input id="tsm_id" type="text" hidden value="{{$tsm_id}}">
<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>
<form id="submitForm">
    <input id="distributor_id" name="distributor_id" type="hidden" value="">
    <input id="order_booker_id" name="order_booker_id" type="hidden" value="">
    <input id="date" name="date" type="hidden" value="">
    <div class="row">
        <div class="col-md-12">
            <div class="card" id="floating-label">
                <div class="row m-0">

                    <div class="col-6 p-0">
                        <div class="header addPR-head">
                            <h2>Booking <span></span></h2>
                        </div>
                        <div class="row m-0">
                            <div class="col-md-6 PT-5 pr-0">
                                <label class="font11 mb-0">Route</label>
                                <div class="form-s2">
                                    <select class="form-control formselect" id="booked_productive_shops" name="route" placeholder="Select Route">
                                        <option selected value="0">Select Route</option>
                                        @foreach($routes as $route)
                                        <option value="{{$route->id}}"  {{ ($route->id > 0 && $route->id == $info->route_id) ? "selected":""}}>{{$route->routeDetail->name}} {{$route->route_id}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 PT-5">
                                <label class="font12 mb-0">Productive Shops</label>
                                <div class="form-group h-auto">
                                    <input type="number" name="booked_productive_shops" min="0" oninput="this.value = Math.abs(this.value)" value="{{$info->booked_productive_shops ? $info->booked_productive_shops : 0 }}" class="form-control" placeholder="">
                                </div>
                            </div>
                        </div>
                        <div class="header addPR-head">
                            <h2>Unit <span>Sales</span></h2>
                        </div>
                        @foreach($secondarySales as $secondarySale)
                        <div class="row PT-5 m-0">


                            <div class="col-md-6">
                                <label class="font12 mb-0">{{ $secondarySale->unit_name}}</label>
                                <div class="form-group h-auto">
                                    <input type="number" name="data[{{$secondarySale->id}}][booked-child-qty]" min="0" oninput="this.value = Math.abs(this.value)" id="child-booked-qty-{{$secondarySale->unit_name}}-{{$secondarySale->id}}" value="{{ $secondarySale->booked_qty ?  $secondarySale->booked_qty : 0}}" class="form-control quantity" placeholder="">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <label class="font12 mb-0">CTNS</label>
                                <div class="form-group h-auto">
                                    <input type="number" name="data[{{$secondarySale->id}}][booked-parent-qty]" min="0" oninput="this.value = Math.abs(this.value)" id="parent-booked-qty-{{$secondarySale->unit_name}}-{{$secondarySale->id}}" value="{{ $secondarySale->booked_parent_qty ?  $secondarySale->booked_parent_qty : 0}}" class="form-control no-font" placeholder="" disabled>
                                </div>
                            </div>

                        </div>
                        @endforeach
                    </div>

                    <div class="col-6 p-0">
                        <div class="_selectProList">
                            <div class="header addPR-head">
                                <h2>Execution <span></span></h2>
                            </div>
                            <div class="row m-0">
                                <div class="col-md-6 PT-5 pr-0">
                                    <label class="font11 mb-0">Route</label>
                                    <div class="form-s2">
                                        <input type="text" value="" id="executed_shops" class="form-control" placeholder="" disabled>
                                    </div>
                                </div>
                                <div class="col-md-6 PT-5">
                                    <label class="font12 mb-0">Productive Shops</label>
                                    <div class="form-group h-auto">
                                        <input type="number" name="executed_productive_shops" min="0" oninput="this.value = Math.abs(this.value)" value="{{$info->booked_executed_shops ? $info->booked_executed_shops : 0}}" id="" class="form-control" placeholder=""></input>
                                    </div>
                                </div>
                            </div>
                            <div class="header addPR-head">
                                <h2>Unit <span>Sales</span></h2>
                            </div>
                            @foreach($secondarySales as $secondarySale)
                            <div class="row PT-5 m-0">
                                <div class="col-md-6">
                                    <label class="font12 mb-0">{{ $secondarySale->unit_name}}</label>
                                    <div class="form-group h-auto">
                                        <input type="number" name="data[{{$secondarySale->id}}][executed-child-qty]" min="0" oninput="this.value = Math.abs(this.value)" id="child-execution-qty-{{$secondarySale->unit_name}}-{{$secondarySale->id}}" value="{{ $secondarySale->executed_qty ?  $secondarySale->executed_qty : 0}}" class="form-control quantity" placeholder="">
                                    </div>
                                </div>


                                <div class="col-md-6">
                                    <label class="font12 mb-0">CTNS</label>
                                    <div class="form-group h-auto">
                                    <input type="number" name="data[{{$secondarySale->id}}][executed-parent-qty]" min="0" oninput="this.value = Math.abs(this.value)" id="parent-execution-qty-{{$secondarySale->unit_name}}-{{$secondarySale->id}}" value="{{ $secondarySale->executed_parent_qty ?  $secondarySale->executed_parent_qty : 0}}" class="form-control no-font" placeholder="" disabled>
                                    </div>
                                </div>


                               
                            </div>
                            @endforeach
                        </div>
                    </div>





                    <div class="col-md-12 action-btn">
                        <button type="button" id="save" class="btn btn-primary mr-2">Save</button>
                        <button id="pl-close" type="submit" class="btn btn-cancel">Cancel</button>
                    </div>

                </div>

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





@endsection