@extends('layouts.main')
@section('content')
    <h1>Record a new sale</h1>                      
            
    <a class="btn btn-dark"  href="#" id="print_reciept">Print receipt</a>

    <a class="btn btn-dark"   href="{{route('main_sale.edit',$initiate_sale->id)}}">Details</a>

    <span style="color: red; font-size: 30px; float: right;" id="total_amount"></span>

    <br><br>    
      <p id="display" style="color: green;"></p>             
    <div class="row col-md-12 "> 
        <div class="col-md-8 col-lg-8 col-sm-8">
           
            <div class="row">                        
                <div class="col-md-6 col-lg-6 col-sm-6">

                    <label>Select Customer</label>
                    <select class="form-control" name="customer_id" id="customer_id">
                        <option></option>
                        @foreach($customers as $customer)
                            @if($customer->id == $initiate_sale->customer_id)
                                <option selected value="{{$customer->id}}">{{$customer->name.' '.$customer->phone_number.' '.$customer->number_plate." -".$customer->car_model}}</option>
                            @else 
                                <option value="{{$customer->id}}">{{$customer->name.' '.$customer->phone_number.' '.$customer->number_plate." -".$customer->car_model }}</option>
                            @endif
                        @endforeach
                    </select> 
                    <br> <br>

                    @if(Auth::user()->canDo(['create_customer']))                       
                        <a href="{{ route('customer.create') }}"  class="badge badge-info p-1">Add customer</a> <br>
                    @endif
                    
                    <label for="sale_date">Sale date</label>
                    <input type="date" id="sale_date" max="{{today()->format('Y-m-d')}}" value="{{now()->format('Y-m-d')}}" class="form-control">

                    <label>Select Item</label>
                    <select id="data" class="form-control datavalue">
                        <option></option>
                        @foreach($price_tags as $pricetags)
                            <option value="{{$pricetags->id}}" style="text-transform: uppercase;">{!! $pricetags->stock->name($pricetags->stock) !!}  </option>
                        @endforeach
                    </select>

                    <label>Quantity</label>
                    <input type="number" id="size" required="required" value="1" step="any" class="form-control">                     
                </div>

                <div class="col-md-6 col-lg-6 col-sm-6">
                    <div class="row">
                        <div class="col-md-12 col-lg-12 col-sm-12">
                            <label>Selling price</label>
                            <input type="text" id="final_selling_price" value="0" class="form-control number">

                            <div class="row">
                                <div class="col-6">
                                    <label>Discounted amount</label>
                                    <input type="text" id="discount" value="0" class="form-control number">
                                </div>
                                <div class="col-6">
                                    <label for="sale_type">Document name</label>
                                    <input type="text" id="sale_type" class="form-control" value="INVOICE">                                    
                                </div>
                            </div>                                

                            <label for="sale_reference">Sale Reference</label>
                            <select id="sale_reference" class="form-control">
                                <option value=""></option>
                                @foreach ($users as $usr)
                                    <option value="{{ $usr->name }}">{{ $usr->name }}</option>
                                @endforeach
                            </select>
                        </div>                                                       
                    </div>                            
                    
                    
                    <input type="hidden" id="mainsales_id" value="{{$initiate_sale->id}}">