@include('admin.common.header')

<div class="d-flex align-items-stretch">
    @include('admin.common.sidebar')
    <div class="page-holder w-100 d-flex flex-wrap">
        <div class="container-fluid px-xl-5">
            <section class="py-5">
                <div class="row">
                    <div class="col-lg-12 mb-10">
                        <div class="card">
                            <div class="card-header">
                                <h6 class="text-uppercase mb-0"> Quotes</h6>
                                <form method="post" class="pdfform" action="/admin/quotes/exportpdf/{{$quote_id}}">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <input type="hidden" name="quote_type" value="{{$quote[0]->quote_type}}">
                                    <input type="hidden" name="quote_id" value="{{$quote[0]->id}}">
                                    <input type="submit" name="submit" class="pdfbtn" value="Export as PDF">
                                </form>
                            </div>
                            @if (session('status'))
                            <div class="alert alert-success">
                                {{ session('status') }}
                            </div>
                            @endif
                            <div class="card-body form-row">
                                <div class="col-md-3">
                                    <h5>Customer Information </h5>
                                    <p>Name: {{$quote[0]->firstname}} {{$quote[0]->lastname}}</p>
                                    <p>Company Name: {{$quote[0]->companyname}}</p>
                                    <p>Email: {{$quote[0]->email}}</p>
                                    <p>Phone: {{$quote[0]->phone}}</p>
                                </div>
                                <div class="col-md-3">
                                    <h5>Address </h5>
                                    <p>{{$quote[0]->streetaddress}},
                                        {{$quote[0]->streetaddress1}}</br>
                                        {{$quote[0]->city}},
                                        {{$quote[0]->state_name}},</br>
                                        {{$quote[0]->country_name}} -
                                        {{$quote[0]->zipcode}}
                                    </p>
                                </div>

                                <div class="col-md-3">
                                    <h5>Quote Information </h5>
                                    <p>Quote Number: {{$quote[0]->id}}</p>
                                    <p>Quote Date: {{ \Carbon\Carbon::parse($quote[0]->created_at)->format('m/d/Y') }}
                                    </p>
                                    <p>No of items: 1</p>
                                    <p>Total Quotation: {{$item_total}}</p>
                                    <p>Notes: {{$quote[0]->notes}}</p>
                                    @if ($quote[0]->specsheet!=null)
                                    <p>Specsheet: <a target="_blank" href="{{$site_url}}/uploads/quotes/{{$quote[0]->specsheet}}">{{$quote[0]->specsheet}}</a>
                                    </p>
                                    @endif
                                </div>
                                <div class="col-md-3">
                                    <h5>Other Information </h5>
                                    <p>TYPE OF INDUSTRY: {{$quote[0]->industry}}</p>
                                    <p>HOW DID YOU FIND US?: {{$quote[0]->finduson}}</p>
                                    <p>COMPANY TYPE: {{$quote[0]->companytype}}</p>
                                </div>
                                @if ($quote[0]->quote_type !='quick-quote')
                                <div class="col-md-12">
                                    <form method="post" id="rapid_quote_form" action="/admin/quotes/edit/{{$quote_id}}">
                                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                        <input type="hidden" name="quote_type" value="{{$quote[0]->quote_type}}">
                                        <input type="hidden" name="quote_id" value="{{$quote[0]->id}}">
                                        <table class="table table-striped table-hover card-text" id="rapidDataTable">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>Product Id</th>
                                                    <th>Name</th>
                                                    <th>QUANTITY</th>
                                                    <th>UOM</th>
                                                    <th>Unit Price</th>
                                                    <th>Admin Note</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse ($items as $i => $item)
                                                <tr class="appendData1 row1_{{$i+1}}">
                                                    <th scope="row"><span id='snum1{{$i+1}}'>{{$i+1}}</span></th>
                                                    <td>{{$item->id }}</td>
                                                    <td>{{$item->name }}</td>
                                                    <td>
                                                        <!--{{$item->item_quantity }}-->
                                                        <input type="text" name="item_quantity[]" required value="{{$item->item_quantity }}" style="width:100px;">
                                                    </td>
                                                    <td>
                                                        <select name="uom[]">
                                                            <option {{$item->uom=="EA"?"selected":""}} value="EA">EA</option>
                                                            <option {{$item->uom=="LB"?"selected":""}} value="LB">LB</option>
                                                        </select>
                                                    </td>
                                                    <td>
                                                        <input type="text" placeholder="price per unit" name="item_price[]" style="width:100px;" required value="{{$item->item_price?$item->item_price:'' }}">

                                                        <input type="hidden" placeholder="price per unit" name="item_id[]" required value="{{$item->quote_item_id?$item->quote_item_id:'' }}">
                                                        <!-- @if($final_total>0)
                                                            ${{$item->item_price?$item->item_price:'' }}
                                                            @else
                                                            
                                                            @endif -->

                                                    </td>
                                                    <td>
                                                        <!--{{$item->item_quantity }}-->
                                                        <input type="text" name="admin_notes[]" value="{{$item->admin_notes }}">
                                                    </td>
                                                    <td> 
                                                        <a href="javascript:void(0);" data-toggle="modal" data-target="#data_extra_{{$item->id}}">View</a>
                                                        <div class="modal fade" id="data_extra_{{$item->id}}" tabindex="-1" role="dialog" aria-labelledby="data_extra_ModalLabel" aria-hidden="true">
                                                            <div class="modal-dialog" role="document">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h5 class="modal-title" id="data_extra_ModalLabel">Quote Details</h5>
                                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                            <span aria-hidden="true">&times;</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        @if($item->type != '')
                                                                        <p>Type: {{$item->type}}</p>
                                                                        @endif
                                                                        @if($item->material != '')
                                                                        <p>Material: {{$item->material }}</p>
                                                                        @endif
                                                                        @if($item->finish != '')
                                                                        <p>Finish: {{$item->finish}}</p>
                                                                        @endif
                                                                        @if($item->dia != '')
                                                                        <p>Diameter: {{$item->dia }}</p>
                                                                        @endif
                                                                        @if($item->length != '')
                                                                        <p>Length: {{$item->length}}</p>
                                                                        @endif
                                                                        @if($item->additional_notes != '')
                                                                        <p>Note: {{$item->additional_notes}}</p>
                                                                        @endif
                                                                        @if($item->manufacturer != '')
                                                                        <p>Manufacturer: {{$item->manufacturer}}</p>
                                                                        @endif
                                                                        @if(isset($item->certificate_name))
                                                                        <p>Certificate: {{$item->certificate_name}}</p>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <a href="javascript:void(0);" onclick="Removerow1('{{$i+1}}')" class="Removerow">Remove</a>  
                                                    </td>
                                                </tr>
                                                @empty
                                                <tr class="append-data-first">
                                                </tr>
                                                @endforelse
                                                <tr>
                                                    <td colspan="6"></td>
                                                    <td> Sub Total:</td>
                                                    <td> ${{$item_total}}</td>
                                                </tr>
                                                <tr>
                                                    <td colspan="6"></td>
                                                    <td>

                                                        Tax(%):<input type="text" style="width:100px;" placeholder="Tax in %" name="tax_percent" value="{{$quote[0]->tax_percent?$quote[0]->tax_percent:'0.00' }}">

                                                    </td>
                                                    <td> ${{$quote[0]->tax_amount?$quote[0]->tax_amount:'0.00' }}</td>
                                                </tr>
                                                <tr>
                                                    <td colspan="6"></td>
                                                    <td> Total:</td>
                                                    <td> ${{$final_total}}</td>
                                                </tr>
                                            </tbody>

                                        </table>
                                        <div class="form-group" style="float:right;">
                                            <button type="button" class="btn btn-primary" onclick="Addrow1()">
                                                Add more item
                                            </button>
                                            <a href="/admin/quotes" class="btn btn-primary" style="color:#fff;">Back</a>
                                            <button type="submit" class="btn btn-primary">Send
                                                Quote</button>

                                        </div>
                                    </form>
                                </div>
                                @else
                                <div class="col-md-12">
                                    <form method="post" action="/admin/quotes/edit/{{$quote_id}}">
                                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                        <input type="hidden" name="quote_type" value="{{$quote[0]->quote_type}}">
                                        <input type="hidden" name="quote_id" value="{{$quote[0]->id}}">
                                        <table class="table table-striped table-hover card-text" id="rapidDataTable">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>Product</th>
                                                    <th>PART NUMBER</th>
                                                    <th>Target Price (EA)</th>
                                                    <th>MANUFACTURER</th>
                                                    <th>MATERIAL</th>
                                                    <th>NEED BY</th>
                                                    <th>QUANTITY</th>
                                                    <th>UOM</th>
                                                    <th>Unit Price</th>
                                                    <th>Admin Note</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($items as $i => $item)
                                                <tr class="appendData row_{{$i+1}}">
                                                    <th scope="row"><span id='snum{{$i+1}}'>{{$i+1}}</span></th>
                                                    <td>
                                                        <input type="text" style="width:100px;" name="productname[]" required value="{{$item->productname?$item->productname:'' }}">
                                                    </td>
                                                    <td><input type="text" style="width:100px;" name="partnumber[]" required value="{{$item->partnumber?$item->partnumber:'' }}"></td>
                                                    <td><input type="text" style="width:100px;" name="targetprice[]" required value="{{$item->targetprice?$item->targetprice:'' }}"></td>
                                                    <td><input type="text" style="width:100px;" name="manufacturer[]" required value="{{$item->manufacturer?$item->manufacturer:'' }}"></td>
                                                    <td><input type="text" style="width:100px;" name="material[]" required value="{{$item->material?$item->material:'' }}"></td>
                                                    <td><input type="text" style="width:100px;" name="needby[]" required value="{{$item->needby?$item->needby:'' }}"></td>
                                                    <td><input type="text" style="width:100px;" name="quantity[]" required value="{{$item->quantity?$item->quantity:'' }}"></td>
                                                    <td>
                                                        <select name="uom[]">
                                                            <option {{$item->uom=="EA"?"selected":""}} value="EA">EA</option>
                                                            <option {{$item->uom=="LB"?"selected":""}} value="LB">LB</option>
                                                        </select>
                                                    </td>
                                                    <td>

                                                        <input type="text" name="price[]" style="width:100px;" required value="{{$item->price?$item->price:'' }}">
                                                    </td>
                                                    <td><input type="text" name="admin_notes[]" value="{{$item->admin_notes?$item->admin_notes:'' }}"> </td>
                                                    <td> <a href="javascript:;" onclick="Addrow()" class="Addrow">Add</a> <a href="javascript:void(0);" onclick="Removerow('{{$i+1}}')" class="Removerow">Remove</a> </td>
                                                </tr>
                                                @endforeach
                                                <tr>
                                                    <td colspan="10"></td>
                                                    <td> Sub Total:</td>
                                                    <td> ${{$item_total}}</td>
                                                </tr>
                                                <tr>
                                                    <td colspan="10"></td>
                                                    <td>

                                                        Tax(%):<input type="text" placeholder="Tax in %" name="tax_percent" style="width:100px;" value="{{$quote[0]->tax_percent?$quote[0]->tax_percent:'0.00' }}">

                                                    </td>
                                                    <td> ${{$quote[0]->tax_amount?$quote[0]->tax_amount:'0.00' }}</td>
                                                </tr>
                                                <tr>
                                                    <td colspan="10"></td>
                                                    <td> Total:</td>
                                                    <td> ${{$final_total}}</td>
                                                </tr>

                                            </tbody>

                                        </table>
                                        <div class="form-group" style="float:right;">
                                            <a href="/admin/quotes" class="btn btn-primary" style="color:#fff;">Back</a>
                                            <button type="submit" class="btn btn-primary">Send
                                                Quote</button>


                                        </div>
                                    </form>
                                </div>
                                @endif

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

                </div>
            </section>

        </div>


        @include('admin.common.footer')

        <script>
            $( document ).ready(function() {
                $('#rapid_quote_form').submit(function(){
                    $(this).find('button[type=submit]').prop('disabled', true);
                });

            });

            $(".removeQuote").click(function() {
                var quickquote = $(this).attr("data-id");
                if (confirm("Are you sure to delete this quickquote?")) {

                    window.location.href = "{{$site_url}}/admin/quotes/remove/" + quickquote;

                }
            });
            var i = 2;

            function Addrow() {
                var lnth = $(".appendData").length + 1;
                var html = "";
                html += '<tr class="appendData row_' + i + '">';
                html += '<th scope="row"><span id="snum' + i + '">' + lnth + '</span></th>';
                html += '<td><input type="text"  style="width:100px;" name="productname[]" required value=""></td>';
                html += '<td><input type="text"  style="width:100px;" name="partnumber[]" required value=""></td>';
                html += '<td><input type="text"  style="width:100px;" name="targetprice[]" required value=""></td>';
                html += '<td><input type="text"  style="width:100px;" name="manufacturer[]" required value=""></td>';
                html += '<td><input type="text"  style="width:100px;" name="material[]" required value=""></td>';
                html += '<td><input type="text"  style="width:100px;" name="needby[]" required value=""></td>';
                html += '<td><input type="text"  style="width:100px;" name="quantity[]" required value=""></td>';
                html += '<td>';
                html += '<select name="uom[]">';
                html += '<option value="EA">EA</option><option value="LB">LB</option>';
                html += '</select>';                
                html += '</td>';
                html += '<td><input type="text" name="price[]"  style="width:100px;" required value=""></td>';
                html += '<td><input type="text" name="admin_notes[]" value=""> </td>';
                html += '<td> <a href="javascript:;" onclick="Addrow()" class="Addrow">Add</a> | <a href="javascript:void(0);" onclick="Removerow(' + i + ')" class="Removerow">Remove</a> </td>';
                html += '</tr>';

                $(".appendData:last").after(html);
                i++;
            }

            function Addrow1() {
                var lnth = $(".appendData1").length + 1;

                var html = "";
                html += '<tr class="appendData1 row1_' + lnth + '">';
                html += '<th scope="row"><span id="snum1' + lnth + '">' + lnth + '</span></th>';
                html += '<td><input type="text"  style="width:100px;" name="id[]" required value=""></td>';
                html += '<td>-</td>';
                html += '<td>-</td>';
                html += '<td>-</td>';
                html += '<td>-</td>';
                html += '<td>-</td>';
                html += '<td>-</td>';
                html += '<td>-</td>';
                html += '<td><input type="text"  style="width:100px;" name="item_quantity[]" required value=""></td>';
                html += `<td><select name="uom[]"> <option {{isset($item) && $item->uom=="EA"?"selected":""}} value="EA">EA</option><option {{isset($item) && $item->uom=="LB"?"selected":""}} value="LB">LB</option></select></td>`;
                html += '<td>';

                html += '<input type="text" name="price[]"  style="width:100px;" required value="">';
                html += '</td>';
                html += '<td><input type="text" name="admin_notes[]" value=""> </td>';
                html += '<td> <a href="javascript:void(0);" onclick="Removerow1(' + lnth + ')" class="Removerow">Remove</a> </td>';
                html += '</tr>';

                if (lnth == 1) {
                    $(".append-data-first:last").after(html);
                } else {
                    $(".appendData1:last").after(html);
                }
                i++;
            }

            function Removerow(no) {
                $('.row_' + no).remove();
                check();
            }

            function Removerow1(no) {
                $('.row1_' + no).remove();
                check1();
            }

            function check() {
                obj = $('table tr.appendData').find('span');
                $.each(obj, function(key, value) {
                    id = value.id;
                    $('#' + id).html(key + 1);
                });
            }

            function check1() {
                obj = $('table tr.appendData1').find('span');
                $.each(obj, function(key, value) {
                    id = value.id;
                    $('#' + id).html(key + 1);
                });
            }
        </script>