@extends('admin.layout.app')
@section('title',$job_card->print_type == 'proforma' ? 'Proforma Invoice': 'Job Card Invoice')
@push('headerscript')
    <style>
        .detail-text {
            color: black;
            font-size: 15px;
            font-weight: bold;
        }

        .detail-text1 {
            color: black;
            font-size: 15px;
            padding-left: 15px;
        }

        .arabic-font {
            margin-right: 20px !important;
            font-family: 'Noto Sans Arabic';
            font-size: 12px;
            color: black;
        }
    </style>
@endpush
@section('content')
    <div class="content" style="color: black">
        <div class="container">
            <div class="row">
                <div class="col-xs-6">
                    <h4 class="page-title">{{$job_card->print_type == 'proforma' ? 'Proforma Invoice': 'Job Card Invoice'}}</h4>
                </div>
                <div class="col-xs-6 text-right">
                    <ol class="breadcrumb">
                        <li>
                            <a href="{{route('job-card.index')}}">List</a>
                        </li>
                        <li>
                            <a href="{{route('job-card.edit', $job_card->id)}}">Edit</a>
                        </li>
                        <li>
                            <a href="{{route('jobCardPdfView', $job_card->id)}}"
                               target="_blank"
                               class="btn btn-inverse waves-effect waves-light"><i
                                    class="fa fa-print"></i></a>
                        </li>
                        <li>
                            <button onclick="sendEmail({{$job_card->id}}, 'job-card','{{ $job_card->customer ? $job_card->customer->email : '' }}')" title="send email"
                                    class="btn btn-danger waves-effect waves-light"><i class="fa fa-envelope"></i>
                            </button>
                        </li>
                        <li>
                            <button
                                onclick="whatsapp('{{ $job_card->customer ? $job_card->customer->contact_number : '' }}')"
                                title="whatsapp" class="btn btn-success waves-effect waves-light">
                                <i class="fa fa-whatsapp"></i>
                            </button>
                        </li>
                    </ol>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="">
                                        <p>
                                            <img src="{{url("storage/".Helper::getBusinessData()->logo_image)}}"
                                                 alt="logo" width="250">
                                        </p>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="text-center">
                                        <h2 class="text-black">{{Helper::getBusinessData()->business_name}}</h2>
                                        <h4 class="text-black">{{Helper::getBusinessData()->address}}</h4>
                                        <h5 class="text-black">{{Helper::getBusinessData()->email_id}} &nbsp;&nbsp;
                                            &nbsp;&nbsp;
                                            {{Helper::getBusinessData()->web_link}} &nbsp;&nbsp; &nbsp;&nbsp;
                                            {{Helper::getBusinessData()->contact_no}}</h5>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="m-h-50"></div>
                            <hr style="border-top: 2px solid black;" class="m-0">
                            <div class="row m-auto">
                                <div class="col-md-4 col-xs-6 m-l-15">
                                    <p class="pull-left"><strong>JobCard :</strong> {{$job_card->job_card_number}}</p>
                                </div>
                                <div class="col-md-3 col-xs-12">
                                    <h3 class="text-center m-t-5 m-b-5">
                                        <strong> {{$job_card->print_type == 'proforma' ? 'Proforma Invoice': 'Job Card'}}
                                            <strong></h3>
                                </div>
                                <div class="col-md-4 col-xs-6">
                                    <p class="text-right"><strong>
                                            Date: </strong> {{date('d-M-Y', strtotime($job_card->job_card_date))}}
                                    </p>
                                </div>
                            </div>
                            <hr style="border-top: 2px solid black;" class="m-0">
                            <div class="row">
                                <div class="col-md-12 col-xs-12">
                                    <div class="table-responsive" style="border: none;">
                                        <table class="table-without-border">
                                            {{-- <thead>
                                            <tr>
                                                <th style="width: 7%"></th>
                                                <th style="width: 70%"></th>
                                                <th style="width: 7%"></th>
                                                <th style="width: 20%"></th>
                                            </tr>
                                            </thead> --}}
                                            <tbody>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Name</span>
                                                </td>
                                                <td>
                                                    : <span class="detail-text">{{ $job_card->customer?->name}}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Plate No.</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{ $job_card->customerVehicle ? $job_card->customerVehicle->plate_number:' '}}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Contact</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$job_card->customer?->contact_number}}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Emirates</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$job_card->customerVehicle->emirates}}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Address</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$job_card->customer?->address}}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Brand</span>

                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$job_card->customerVehicle->vehicleBrand->vehicle_brand}}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">VIN No.</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$job_card->customerVehicle->vin_number}}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Model</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$job_card->customerVehicle->vehicleModel->vehicle_model}}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">TRN</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$job_card->customer?->vat_number}}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Created By</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{$job_card->created_by}}</span>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            @if (count($job_card->jobCardJobDescriptions) != 0)
                                <div class="row">
                                    <div class="col-md-12 col-xs-11">
                                        <h5 class="p-0 m-0" style="color: black">Customer Complaints</h5>
                                        <div class="table-responsive" style="border: none;">
                                            <table class="table table-invoice m-0">
                                                <thead>
                                                <tr>
                                                    <th style="width: 5%">Sr. No.</th>
                                                    <th style="width: 80%"><strong>Customer Complaints</strong></th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                                                                @foreach($job_card->jobCardJobDescriptions as $job_description)
                                                    <tr>
                                                        <td>
                                                            {{$i.'.'}}
                                                        </td>
                                                        <td>
                                                            {{$job_description->job_description}}
                                                        </td>
                                                    </tr>
                                                                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            @endif
                                                        @if(count($job_card->jobCardSpareParts) != 0)
                                <div class="row">
                                    <div class="col-md-12 col-xs-11">
                                        <h5 class="p-0 m-0" style="color: black">Spare Parts</h5>
                                                                                <div class="table-responsive" style="border: none;">
                                            <table class="table table-invoice m-0">
                                                <thead>
                                                <tr>
                                                    <th style="width: 2%">No.</th>
                                                    <th style="width: 55%">Name</th>
                                                    <th style="width: 5%">price</th>
                                                    <th style="width: 5%">Qty.</th>
                                                    <th style="width: 12%">Amount</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                                                                @foreach($job_card->jobCardSpareParts as $job_card_detail)

                                                    <tr>
                                                        <td>
                                                            {{$j.'.'}}
                                                        </td>
                                                        <td>
                                                            {{$job_card_detail->sparePart->part_description}}
                                                        </td>
                                                        <td>
                                                            {{$job_card_detail->sp_selling_price}}
                                                        </td>
                                                        <td>
                                                            {{$job_card_detail->quantity}}
                                                        </td>
                                                        <td>
                                                            {{$job_card_detail->sp_selling_price * $job_card_detail->quantity}}
                                                        </td>
                                                    </tr>
                                                                                                    @endforeach
                                                </tbody>
                                            </table>
                                            <p class="text-right m-r-15"><strong>Total Spare Parts</strong>
                                                : <strong>{{$total_spare_part}}</strong>
                                            </p>
                                        </div>
                                                                            </div>
                                </div>
                            @endif
                                                        @if(count($job_card->jobCardServices) != 0)
                                <div class="row">
                                    <div class="col-md-12 col-xs-11">
                                        <h5 class="p-0 m-0" style="color: black">Services</h5>
                                                                                <div class="table-responsive" style="border: none;">
                                            <table class="table table-invoice m-0">
                                                <thead>
                                                <tr>
                                                    <th style="width: 2%">#</th>
                                                    <th style="width: 55%">Work Description
                                                    </th>
                                                    <th style="width: 5%">Price
                                                    </th>
                                                    <th style="width: 5%">Time
                                                    </th>
                                                    <th style="width: 10%">Amount
                                                    </th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                                                                @foreach($job_card->jobCardServices as $job_card_detail)
                                                    <tr>
                                                        <td>{{$i}}</td>
                                                        <td>
                                                            {{$job_card_detail->service->service_name}}
                                                        </td>
                                                        <td>
                                                            {{$job_card_detail->s_selling_price}}
                                                        </td>
                                                        <td>
                                                            {{$job_card_detail->s_time}}
                                                        </td>
                                                        <td>
                                                            {{$job_card_detail->s_total}}
                                                        </td>
                                                    </tr>
                                                                                                    @endforeach
                                                </tbody>
                                            </table>
                                            <p class="text-right m-r-15 "><strong>Total Services </strong>
                                                : <strong>{{$total_service}}</strong></p>
                                        </div>
                                        
                                    </div>
                                </div>
                            @endif

                                                        @if(count($job_card->jobCardSubletServices) != 0)
                                <div class="row ">
                                    <div class="col-md-12 col-xs-11">
                                        <h5 class="p-0 m-0" style="color: black">Sublet Service</h5>
                                                                                <div class="table-responsive" style="border: none;">
                                            <table class="table table-invoice m-0">
                                                <thead>
                                                <tr>
                                                    <th style="width: 5%">#</th>
                                                    <th style="width: 70%"><strong>Sublet Description</strong></th>
                                                    <th style="width: 10%"><strong>Price</strong></th>
                                                    <th style="width: 10%"><strong>Time</strong></th>
                                                    <th style="width: 10%"><strong>Amount</strong></th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                                                                @foreach($job_card->jobCardSubletServices as $job_card_sublet_service)
                                                    <tr>
                                                        <td>
                                                            <span>{{$i.'.'}}</span>
                                                        </td>
                                                        <td>
                                                            {{$job_card_sublet_service->service->service_name}}
                                                        </td>
                                                        <td>
                                                            {{$job_card_sublet_service->ss_selling_price}}
                                                        </td>
                                                        <td>
                                                            {{$job_card_sublet_service->ss_time}}
                                                        </td>
                                                        <td>
                                                            {{$job_card_sublet_service->ss_total_amount}}
                                                        </td>
                                                    </tr>
                                                                                                    @endforeach
                                                </tbody>
                                            </table>
                                            <p class="text-right m-r-15 "><strong>Total Services </strong>
                                                : <strong>{{$total_sublet_service}}</strong></p>
                                        </div>
                                        
                                    </div>
                                </div>
                            @endif


                            @if($job_card->print_type == 'normal')
                                <div class="row m-t-50">
                                    <div class="col-md-12 col-sm-12 col-xs-12 ">
                                        <h5 class="small text-inverse font-600"> Terms & Conditions</h5>
                                        <ol>
                                            <li>
                                                <small>Test drive the vehicle before leaving the workshop</small>
                                            </li>
                                            <li>
                                                <small> All deliveries are subject to availability of spare
                                                    parts
                                                </small>
                                            </li>
                                            <li>
                                                <small>Customers Vehicles are stored at customers risk company accepts
                                                    no responsibility for loss or damage from fire, accident, theft, or
                                                    otherwise
                                                </small>
                                            </li>
                                            <li>
                                                <small>Vehicles are tested on street highway on customers risk</small>
                                            </li>
                                            <li>
                                                <small>I, hereby authorize you to carry out the above mentioned work on
                                                    my vehicle as per your rates and I agree to pay all charges of
                                                    labour and material
                                                </small>
                                            </li>
                                            <li>
                                                <small>No warranty claim is entertained</small>
                                            </li>
                                            <li>
                                                <small>Once job accomplished, vehicles should be collected by customers
                                                    within 7 days ,otherwise will be liable to pay garage charges of AED
                                                    100/- per day
                                                </small>
                                            </li>
                                            <li>
                                                <small>Total loss vehicles not lifted within 7 days, will be treated as
                                                    scrap and customer will bear the fine of AED 100/- per day
                                                </small>
                                            </li>
                                            <li>
                                                <small>We are not responsible for any valued items damage or
                                                    loss
                                                </small>
                                            </li>
                                            <li>
                                                <small>Customer should sign the discharge sheet/subrogation letter
                                                    before collecting insurance job card related vehicles, if discharge
                                                    sheet/subrogation not
                                                    signed, the bike will not be released anyhow.
                                                </small>
                                            </li>
                                            <li>
                                                <small>No guarantee/warranty for any electronic/electrical goods</small>
                                            </li>
                                            <li>
                                                <small>No guarantee/warranty for any engine jobs done</small>
                                            </li>
                                        </ol>
                                    </div>
                                </div>
                            @else
                                <div class="row m-t-50">
                                    <div class="col-xs-6 col-xs-offset-3">

                                    </div>
                                    <div class="col-xs-3">
                                        <div class="table-responsive" style="border: none; margin-bottom: 0px;">
                                            <table class="table-without-border m-b-0">
                                                <thead>
                                                <tr>
                                                    <th style="width: 20%"></th>
                                                    <th style="width: 10%"></th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                {{--                                            <tr class="">--}}
                                                {{--                                                <td>--}}
                                                {{--                                                    Gross Total AED--}}
                                                {{--                                                </td>--}}
                                                {{--                                                <td>--}}
                                                {{--                                                    <b>{{($sp_amount + $s_amount + $total_sublet_service )}}</b>--}}
                                                {{--                                                </td>--}}
                                                {{--                                            </tr>--}}
                                                {{--                                            <tr class="">--}}
                                                {{--                                                <td>--}}
                                                {{--                                                    5% VAT AED AED--}}
                                                {{--                                                </td>--}}
                                                {{--                                                <td>--}}
                                                {{--                                                    <b>{{$s_vat + $sp_vat}}</b>--}}
                                                {{--                                                </td>--}}
                                                {{--                                            </tr>--}}
                                                <tr style="margin-top: 15px;">
                                                    <td>
                                                        <span
                                                            style="color: black; font-weight: bold;">Net Amount AED</span>
                                                    </td>
                                                    <td>
                                                        <strong> {{$total_spare_part + $total_service +$total_sublet_service }}</strong>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            @endif


                            @if($job_card->print_type == 'normal' && $job_card->print_car_image == 'yes')
                                <div class="row m-t-20">
                                    <div class="col-md-12 col-xs-12 text-center">
                                        <img src="{{url('/customer_signature/'.$job_card->car_image_marker)}}"
                                             width="650">
                                    </div>
                                </div>
                            @endif


                            <div class="row m-t-20" style="display: flex;">
                                <div class="col-md-2 col-md-offset-1"
                                     style="display: flex; flex-direction: column-reverse;">
                                    <p class="text-center p-0"><strong>Service Advisor</strong></p>
                                    <p>-----------------------</p>
                                </div>
                                <div class="col-md-2 col-md-offset-5">

                                    @if($job_card->customer_signature)
                                        <div>
                                            <img src="{{url('').'/customer_signature/'.$job_card->customer_signature}}"
                                                 width="200">
                                        </div>
                                    @endif
                                    <p>------------------------</p>
                                    <p class="text-center p-0"><strong>Customer Signature</strong></p>
                                </div>

                            </div>
                            <hr>
                            <div class="hidden-print">
                                <div class="pull-right" id="pdf_button">
                                    <a href="{{route('jobCardPdfView', $job_card->id)}}"
                                       target="_blank"
                                       class="btn btn-inverse waves-effect waves-light"><i
                                            class="fa fa-print"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @include('admin.advisor.models.sendMail')
            @include('admin.advisor.models.whatsapp')
            @endsection
            @push('footerscript')
                <script>
                    $(window).load(function () {
                        $('#pdf_button').find('i').trigger('click');
                    });

                    function sendEmail(id, inspection, email) {
                        $('#uid').val(id);
                        $('#type').val(inspection);
                        $('#email').val(email);
                        $('#email-pdf-modal').modal('show');
                    }

                    $('.number').keyup(function (e) {
                        if (/\D/g.test(this.value)) {
                            this.value = this.value.replace(/\D/g, '');
                        }
                    });

                    function whatsapp(mobile) {
                        $('#whatsapp_no').val(mobile);
                        $('#whatsapp-pdf-modal').modal('show');
                    }
                </script>
    @endpush