@extends('layouts.main')

@section('content')

<div id="hide_form">
    <form action="{{route('quote.destroy',$quote->id)}}" method="POST" onsubmit="return confirm('Are you sure you want to delete this Record?'); return false;">
        @csrf
        {{method_field('DELETE')}}
        <a href="#" id="print"  class="btn btn-dark  btn-sm">Print</a> 
        @if(Auth::user()->canDo(['create_quotations'])) 
          <button  type="button" class="btn btn-dark btn-sm" data-toggle="modal" data-target="#myModal">Add item</button>
          <button type="submit" class="btn btn-danger btn-sm">Delete</button>
        @endif
    </form>
 <hr>
</div>

 
          <div class="row"> 
                <div class="col-md-3 col-lg-3 col-sm-3 col-xs-3">
                  <center>
                    <img src="{{asset('images/logo.png')}}" width="50%">
                  </center>
                </div>

               <div class="col-md-5 col-lg-5 col-sm-5 col-xs-5">
                <center>
                  @include("mainsale._address")                  
                </center>                  
              </div>              

               <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4">
                            
                </div>
          </div>    

          <hr style="height:3px; border:none;color:green;background-color:green;">

          <div class="row"> 
              <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4">

                @if(!empty($quote->customer))  
                  <p>TO: </p>               
                  <span>{{$quote->customer->name}}</span><br>
                  <span>{{$quote->customer->phone_number}} </span><br>
                  <span>{{$quote->customer->address}}</span><br>
                @endif 

              </div>

              <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4">
                <center>
                        <h4 contenteditable="true"><u>PROFORMA INVOICE</u></h4>
                </center>         
                </div>
            <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4">

               <strong>
                    <span class="text-danger">No. {{$quote->id}}</span><br>
                    <span>{{Carbon\Carbon::parse($quote->created_at )->format("d M Y")}}</span>
                 
                </strong>

            </div>
          </div>
          
          <hr>

          <div class="row">        
              <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                  <table class="table table-hover table-striped">
                      <thead>
                        <th>Item</th> <th>Quantity</th> <th>Unit price</th> <th>Amount</th>
                      </thead>

                      <tbody>
                                                    @foreach($quote->details as $detail)
                                                     <tr>                             
                              <td>{!! $detail->stock->name($detail->stock) !!}</td>
                              <td>{{$detail->quantity}} {{$detail->stock->category->unit}}</td>
                              <td>{{number_format($detail->unit_price)}}</td>
                              <td>{{number_format($calculated_amount)}}</td>                                        
                           </tr>
                          @endforeach

                          <tr>
                              <th>Total</th>  <th></th> <th></th> <th>{{number_format($total)}}</th>
                          </tr>
                      </tbody>
                  </table>
                  
                  <div>
                        <p style="color: #000; float:right; font-size: 20px;"><u>TOTAL UGX: {{number_format($total)}} </u></p>
                  </div>

                  <div>
                
                    @include('mainsale._payment_method')
                  </div>

                  <p>Thank you.</p>
                </div>
            </div>
    


<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Add Items</h4>
      </div>
      <div class="modal-body">
           <form action="{{route('quote_details.store')}}" method="POST">
            @csrf 
            <label for="stock_id">Select Item</label>
            <select name="stock_id" id="stock_id" class="form-control">
                @foreach($price_tags as $item)
                    <option value="{{$item->stock_id}}">{!! $item->stock->name($item->stock) !!} | ({{number_format($item->salling_price)}})</option>
                @endforeach
            </select>

            <label for="quantity">quantity</label>
            <input type="number" min="0" step="any" class="form-control" name="quantity">

            <label for="unit_price">Unit price</label>
            <input type="text" min="0" step="any" class="form-control" name="unit_price" id="unit_price">

            <input type="hidden" value="{{$quote->id}}" name="quote_id">

            <br>
            <button class="btn btn-dark" type="submit">Save</button>
           </form>
      </div>
      
    </div>

  </div>
</div>

                     
@endsection

@section('styles')
  <style>
    @media print{
      #exclude,a,nav,#hide_form{
        display: none;      
     }    
    }

    .p{
      font-weight:  bold;
    }
 
  </style>
@endsection
 
@push('scripts')
  <script>
    $("#print").click(function(){
         $("#exclude,#hide_form,#hide_form_delete").hide();
         myFunction();
    });

    $("#stock_id").chosen({
        width:"100%"
    });
  </script>

    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const unit_price = document.getElementById("unit_price");
            addCommas(unit_price); 
        });
    </script>
@endpush