@extends('layouts.center_plain')

@section('headCss')
    <link href="{{asset('assets/stylesheets/jquery.fancybox.css')}}" rel="stylesheet" type="text/css">
@stop

@section('headJs')
    <script src="{{asset('assets/javascripts/jquery.fancybox.js')}}"></script>
@stop

@section('content')
    <div class="col-xs-12" style="margin-top: 10px;">
        <div class="col-xs-offset-3 col-xs-6">
            <div class="col-xs-4">
                <img src="{{asset('assets/images/logo.png')}}" height="80px"/>
            </div>
            <div class="col-xs-8">
                Willow Park, Wash Road Basildon Essex SS15 4AZ<br/>T: 0844 967 0099<br/>W: www.rnwgroup.com<br/>E: help@rnwholdings.com
            </div>
        </div>
    </div> <!-- / .header -->
    <div class="col-xs-12">
        <hr/>
    </div>

    <div class="panel-body">
        <div class="col-xs-12">
            <div class="col-xs-6 ">
                <form>
                    <div class="row form-group">
                        <label class="col-xs-4 control-label">Quotation Ref:</label>

                        <div class="col-xs-8">
                            <input type="text" id="updateCustomerRef" class="form-control"
                                   value="{{$quotation['quotationRef']}}"/>
                        </div>
                    </div>
                    <div class="row form-group">
                        <label class="col-xs-4 control-label">Job:</label>

                        <div class="col-xs-8">
                            <input id="updateQuotationJob" class="form-control" value="{{$quotation['jobId']}}"/>
                        </div>
                    </div>
                    <div class="row form-group">
                        <label class="col-xs-4 control-label">Customer Ref:</label>

                        <div class="col-xs-8">
                            <input type="text" id="updateCustomerRef" class="form-control"
                                   value="{{$quotation['customerRef']}}"/>
                        </div>
                    </div>
                    <div class="row form-group">
                        <label class="col-xs-4 control-label">Quotation Date:</label>

                        <div class="col-xs-8">
                            <input type="text" id="updateQuotationDate"
                                   value="{{date('d/m/Y H:i:s', strtotime($quotation['quotationDate']))}}"
                                   class="form-control"/>
                        </div>
                    </div>
            </div>
            <div class="col-xs-6">
                <div class="row form-group">
                    <label class="col-xs-4 control-label">Quotation Type:</label>

                    <div class="col-xs-8">
                        <input type="text" id="updateQuotationType" class="form-control"
                               value="{{$quotation['quotationType']}}"/>
                    </div>
                </div>
                <div class="row form-group">
                    <label class="col-xs-4 control-label">Lead-in Time (days):</label>

                    <div class="col-xs-8">
                        <input type="text" id="updateLeadInTime" class="form-control"
                               value="{{$quotation['leadInTime']}}"/>
                    </div>
                </div>
                <div class="row form-group">
                    <label class="col-xs-4 control-label">Work duration (days):</label>

                    <div class="col-xs-8">
                        <input type="text" id="updateWorkDuration" class="form-control"
                               value="{{$quotation['workDuration']}}"/>
                    </div>
                </div>
                <div class="row form-group">
                    <label class="col-xs-4 control-label">Discipline:</label>

                    <div class="col-xs-8">
                        <input type="text" id="updateDiscipline" class="form-control"
                               value="{{$quotation['discipline']}}"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12">
            <div class="col-xs-6">
                <div class="row form-group">
                    <label class="col-xs-4 control-label">Client Name:</label>

                    <div class="col-xs-8">
                        <input type="text" id="updateSiteName" class="form-control"
                               value="{{$quotation['clientName']}}"/>
                    </div>
                </div>
                <div class="row form-group">
                    <label class="col-xs-4 control-label">Building Name:</label>

                    <div class="col-xs-8">
                        <input type="text" id="updateSiteName" class="form-control"
                               value="{{$quotation['siteName']}}"/>
                    </div>
                </div>
                <div class="row form-group">
                    <label class="col-xs-4 control-label">Building address:</label>

                    <div class="col-xs-8">
                        <textarea type="text" id="updateSiteAddress" rows="5" class="form-control"
                                  value="{{$quotation['siteAddress']}}">{{$quotation['siteAddress']}}</textarea>
                    </div>
                </div>
            </div>
            <div class="col-xs-6">
                <div class="row form-group">
                    <label class="col-xs-4 control-label">Out of hours work required:</label>

                    <div class="col-xs-8">
                        <input type="text" id="updateOutOfHoursWork" class="form-control"
                               value="{{$quotation['outOfHoursWork']}}"/>
                    </div>
                </div>
                <div class="row form-group">
                    <label class="col-xs-4 control-label">We require another discipline contractor for
                        these works:</label>

                    <div class="col-xs-8">
                        <input type="text" id="updateDisciplineContractor" class="form-control"
                               value="{{$quotation['disciplineContractor']}}"/>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xs-12">
            <h4>Work detail</h4>

            <p>
                @foreach($workDetailLines as $aLine)
                    {{$aLine}}<br/>
                @endforeach
            </p>
        </div>

        <div class="col-xs-12">
            <h4>Quotes</h4>

            <div class="table-striped">
                <table cellpadding="0" cellspacing="0" border="0" class="table table-striped">
                    <thead>
                    <tr>
                        <th>Quantity</th>
                        <th>Name</th>
                        <th>Unit Price</th>
                        <th>Mark up &percnt;</th>
                        <th>Unit Time</th>
                        <th>Type</th>
                        <th>Description</th>
                        <th>Line Total (£)</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($quotationItems as $quotationItem)
                        <tr>
                            <td>{{$quotationItem['itemQuantity']}}</td>
                            <td>{{$quotationItem['itemName']}}</td>
                            <td>&pound; {{$quotationItem['itemUnitPrice']}}</td>
                            <td>{{$quotationItem['itemUnitMargin']}} &percnt;</td>
                            <td>{{$quotationItem['itemDuration']}}</td>
                            <td>{{$quotationItem['itemType']}}</td>
                            <td>{{$quotationItem['itemDescription']}}</td>
                            <td>&pound; {{number_format($quotationItem['itemTotalPrice'],2)}}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-xs-12 text-right">
            <h4><b>Quotation Total: &pound; {{number_format($quotation['quotationTotal'], 2)}}</b></h4>
        </div>

        <div class="col-xs-12">
            <h4>General qualifications to this offer</h4>
            <p>
                @foreach($generalQualificationsLines as $aLine)
                    {{$aLine}}<br/>
                @endforeach
            </p>
        </div>

        <div class="col-xs-12">
            <hr/>
        </div>

        <div class="col-xs-12">
            @foreach($beforeImages as $beforeImage)
                @if(!empty($hideConflict))
                    <div class="col-xs-2 text-center">
                        <img src="{{url($beforeImage, $parameters = [], $secure = null)}}" class="col-xs-12"/>
                        <p class="col-xs-12" style="overflow-wrap: break-word">{{basename(url($beforeImage, $parameters = [], $secure = null))}}</p>
                    </div>
                @else
                    <a href="{{url($beforeImage, $parameters = [], $secure = null)}}" class="fancybox">
                        <div class="col-xs-2 text-center">
                            <img src="{{url($beforeImage, $parameters = [], $secure = null)}}" class="col-xs-12"/>
                            <p class="col-xs-12" style="overflow-wrap: break-word">{{basename(url($beforeImage, $parameters = [], $secure = null))}}</p>
                        </div>
                    </a>
                @endif
            @endforeach
        </div>

        <div class="col-xs-12">
            <hr/>
        </div>

        <div class="col-xs-12">
            <h4>Special Terms</h4>

            <p>
                @foreach($additionalTermsLines as $aLine)
                    {{$aLine}}<br/>
                @endforeach
            </p>
        </div>

        <div class="col-xs-12">
            <hr/>
        </div>

        <div class="col-xs-12">
            I trust that we have interpreted your requirements correctly. Should you indeed require any further
            information or assistance, please do not hesitate to contact me.
        </div>

        <div class="col-xs-12">
            <br/>
            Yours Sincerely<br/>
            <b>{{$quotation['creator']}}</b><br/>
            <b>{{$quotation['creatorEmail']}}</b>
        </div>
    </div>
@stop

@section('footerJs')
    <script type="text/javascript">
        $('body').css("background-color", "#ffffff");
        $('.demo-logo').css("background-color", "#ffffff");

        if ($('.fancybox').length > 0) {
            $('.fancybox').fancybox({
                openEffect: 'fade',
                closeEffect: 'fade'
            });
        }
    </script>
@stop