@extends('layouts.app')

@section('title', 'Billing')

@section('content')

<div class="load">

    <div class="loader"></div>

</div>

@if (isset ($billing->sno))
<form action="" method="post" id="billing">
    @else
    <form action="{{ route('savebilling') }}" method="post" id="billing">
        @endif

        @if ($errors->any())

        <div class="alert alert-danger">

            <ul>

                @foreach ($errors->all() as $error)

                <li>{{ $error }}</li>

                @endforeach

            </ul>

        </div>

        @endif

        @csrf

        <div class="container">

            {{-- <h1>Sales Order</h1> --}}

            <br><br>

            <div class="row">

                <div class="col-sm-3">

                    <div class="row">

                        <div class="col-4">

                            <label for="sno">S.No</label>

                        </div>

                        <div class="col-6">

                            <input autocomplete="off" type="text" {{-- name="sno" --}}
                                value="{{ isset ($billing->sno) ? old('sno', $billing->sno) : old('sno') }}" id="sno"
                                class="form-control" readonly>

                        </div>

                    </div>

                </div>

                <div class="col-1">

                    <button type="button" tabindex="1" onclick="$('#modal-user-settings3').modal('show');" data-toggle="modal">L</button>

                </div>

                <div class="col-1"></div>

                <div class="col-sm-3">

                    <div class="row">

                        <div class="col-3">

                            <label for="ssno" style="white-space: nowrap;">S.Order No</label>

                        </div>

                        <div class="col-4">

                            <input autocomplete="off" type="text" name="ssno" value="{{ isset ($billing->ssno) ? old('ssno', $billing->ssno) : old('ssno') }}" id="ssno"
                                class="form-control" readonly>

                        </div>

                    </div>

                </div>

                <div class="col-1"></div>

                <div class="col-3">

                    <div class="row">

                        <div class="col-3">

                            <label for="date">Date</label>

                        </div>


                        <div class="col-5">

                            <input autocomplete="off" tabindex="1" type="tel" maxlength="10" placeholder="dd/mm/yyyy"
                                oninput="this.value = DDMMYYYY(this.value, event , this)"
                                value="{{ isset($billing->date) ? old('date', \Carbon\Carbon::parse(str_replace('/', '-', $billing->date))->format('d/m/Y')) : old('date' , \Carbon\Carbon::now()->setTimezone('Asia/Karachi')->format('d/m/Y')) }}"
                                name="date" id="date" class="form-control">

                        </div>

                    </div>

                </div>

            </div>

            <br>

            <div class="row">

                <div class="col-6">

                    <div class="row">

                        <div class="col-2">

                            <label for="customer">Customer</label>

                        </div>

                        <div class="col-3">

                            <input autocomplete="off" tabindex="1000" type="text" name="customer"
                                value="{{ isset ($billing->customer) ? old('customer', $billing->customer) : old('customer') }}"
                                id="customer" class="form-control" readonly>

                        </div>

                        <div class="col-6">

                            <input autocomplete="off" tabindex="1000" type="text" name="customer1"
                                value="{{ isset ($billing->customer1) ? old('customer1', $billing->customer1) : old('customer1') }}"
                                id="customer1" class="form-control">

                        </div>

                    </div>

                </div>

                <div class="col-1"></div>

                <div class="col-2">

                    <div class="row">

                        <div class="col-6">

                            <label for="customerpono" style="white-space: nowrap;">Customer Po.No</label>

                        </div>

                        <div class="col-6">

                            <input autocomplete="off" tabindex="1" type="text" name="customerpono"
                                value="{{ isset ($billing->customerpono) ? old('customerpono', $billing->customerpono) : old('customerpono') }}"
                                id="customerpono" class="form-control">

                        </div>

                    </div>

                </div>

                <div class="col-2">

                    <div class="row">

                        <div class="col-4">

                            <label for="podate">Po Date</label>

                        </div>

                        <div class="col-8">

                            <input autocomplete="off" tabindex="1" type="tel" maxlength="10" placeholder="dd/mm/yyyy"
                                oninput="this.value = DDMMYYYY(this.value, event , this)"
                                value="{{ isset ($billing->podate) ? old('podate', \Carbon\Carbon::parse(str_replace('/', '-', $billing->podate))->format('d/m/Y')) : old('podate') }}"
                                name="podate" id="podate" class="form-control">

                        </div>

                    </div>

                </div>

            </div>

            <br>

            <div class="row">

                <div class="col-4">

                    <div class="row">

                        <div class="col-3">

                            <label for="salesman">Saleman</label>

                        </div>

                        <div class="col-9">

                            {{ Form::select('salesman', $saleman, isset ($billing->salesman) ? old('salesman', $billing->salesman) : old('salesman'), ['class' => 'form-control saleman', 'tabindex' => '1']) }}

                        </div>

                    </div>

                </div>

                <div class="col-5"></div>

                <div class="col-2">

                    <div class="row">

                        <div class="col-4">

                            <label for="courier">Courier</label>

                        </div>

                        <div class="col-8">

                            <input autocomplete="off" tabindex="1" type="text" name="courier"
                                value="{{ isset ($billing->courier) ? old('courier', $billing->courier) : old('courier',0) }}"
                                id="courier" class="form-control courier">

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <br>

        <div class="container box-to" style="margin-left: 80px;">

            <div class="add_m">

                <div class="row">

                    <!-- <div class="col-1"></div> -->


                    <div class="col-1 change_it p-1" hidden>

                        <label for="dcno">dcno</label>

                    </div>
                    
                    <div class="col-1 change_it p-1">

                        <label for="pcode">Product</label>

                    </div>

                    <div class="col-3 change_it p-1">

                        <label for="desc1">Desc</label>

                    </div>

                    <div class="col-1 change_it p-1">

                        <label for="batch">Batch</label>

                    </div>

                    <div class="col-1 change_it p-1">

                        <label for="expiry">Expiry</label>

                    </div>

                    <div class="col-1 change_it p-1">

                        <label for="qty">Qty</label>

                    </div>

                    <div class="col-1 change_it p-1">

                        <label for="unit">Loose</label>

                    </div>

                    <div class="col-1 change_it p-1">

                        <label for="price">Price</label>

                    </div>

                    <div class="col-1 change_it p-1">

                        <label for="gross">gross</label>

                    </div>

                    <div class="col-1 change_it p-1">

                        <label for="disc">disc</label>

                    </div>

                    <div class="col-1 change_it p-1">

                        <label for="stax">stax</label>

                    </div>

                    <div class="col-1 change_it p-1">

                        <label for="net">net</label>

                    </div>

                </div>

                @if (isset ($billing->sno))

                <div class="m_sa">

                    @foreach($billing->billingd as $key => $cl)

                    <div class="row">

                        <!-- <div class="col-1"></div> -->

                        <div class="col-1 change_it p-1" hidden>

                            <input autocomplete="off" tabindex="1" value=" {{$cl->dcno}} " type="text" name="item[{{$key}}][dcno]" id="dcno"
                                class="form-control dcno" readonly>

                        </div>

                        <div class="col-1 change_it p-1">

                            <input autocomplete="off" tabindex="1" value=" {{$cl->pcode}} " type="text" name="item[{{$key}}][pcode]" id="pcode"
                                class="form-control pcode" readonly>

                        </div>

                        <div class="col-3 change_it p-1">

                            <input autocomplete="off" tabindex="1" value=" {{$cl->desc1}} " type="text" name="item[{{$key}}][desc1]" id="desc1"
                                class="form-control desc1" readonly>

                        </div>

                        <div class="col-1 change_it p-1">

                            <input autocomplete="off" tabindex="1" value=" {{$cl->batch}} " type="text" name="item[{{$key}}][batch]" id="batch"
                                class="form-control batch">

                        </div>

                        <div class="col-1 change_it p-1">

                            <input autocomplete="off" tabindex="1" type="tel" maxlength="10" placeholder="dd/mm/yyyy"
                                oninput="this.value = DDMMYYYY(this.value, event , this)"
                                value="@if($cl->expiry != NULL){{\Carbon\Carbon::parse(str_replace('/', '-', $cl->expiry))->format('d/m/Y')}}@endif" name="item[{{$key}}][expiry]" id="expiry" class="form-control expiry">

                        </div>

                        <div class="col-1 change_it p-1">

                            <input autocomplete="off" tabindex="1" value=" {{$cl->qty}} " type="text" name="item[{{$key}}][qty]" id="qty"
                                class="form-control qty change1">

                        </div>

                        <div class="col-1 change_it p-1">

                            <input autocomplete="off" tabindex="1" value=" {{$cl->unit}} " type="text" name="item[{{$key}}][unit]" id="unit"
                                class="form-control unit change1">

                        </div>

                        <div class="col-1 change_it p-1">

                            <input autocomplete="off" tabindex="1" value=" {{$cl->price}} " type="text" name="item[{{$key}}][price]" id="price"
                                class="form-control price change1" readonly>

                        </div>

                        <div class="col-1 change_it p-1">

                            <input autocomplete="off" tabindex="1" value=" {{$cl->gross}} " type="text" name="item[{{$key}}][gross]" id="gross"
                                class="form-control gross change1" readonly>

                        </div>

                        <div class="col-1 change_it p-1">

                            <input autocomplete="off" tabindex="1" value=" {{$cl->disc}} " type="text" name="item[{{$key}}][disc]" id="disc"
                                class="form-control disc change1">

                        </div>

                        <div class="col-1 change_it p-1">

                            <input autocomplete="off" tabindex="1" value=" {{$cl->stax}} " type="text" name="item[{{$key}}][stax]" id="stax"
                                class="form-control stax change1">

                        </div>

                        <div class="col-1 change_it p-1">

                            <input autocomplete="off" tabindex="1" value=" {{$cl->net}} " type="text" name="item[{{$key}}][net]" id="net"
                                class="form-control net change1" readonly>

                        </div>

                        <div class="col-1 change_it p-1">