@extends('layouts.app')
@section('title', 'Veros Service Order')
@section('content')
<div class="container-fluid">
    <div class="row p-2">
        <h5 class="col text-color fw-bold m-auto">Veros Service Order</h5>
        <div class="row mt-3">
            <div class="col-md-1">
                <label for="example-firstname-input" class="col-form-label"><strong>Tracking ID:</strong></label>
            </div>
            <div class="col-md-2">
                <input required type="text" class="form-control" value="{{ $responseData['TrackingId'] }}" autocomplete="off" disabled>
            </div>
            <div class="col-md-1">
                <label for="example-firstname-input" class="col-form-label"><strong>Requested User:</strong></label>
            </div>
            <div class="col-md-2">
                <input required type="text" class="form-control" value="{{ $responseData['AVMReport']['REQUESTEDUSER'] }}" autocomplete="off" disabled>
            </div>
            <div class="col-md-1">
                <label for="example-firstname-input" class="col-form-label"><strong>Status Code:</strong></label>
            </div>
            <div class="col-md-2">
                <input required type="text" class="form-control" value="{{ $responseData['ResponseStatus']['StatusCode'] }}" autocomplete="off" disabled>
            </div>
            <div class="col-md-3 p-0">
                <a href="/service_order_history/{{ $requestid }}" class="btn btn-sm btn-danger px-2 text-white fw-bold float-end" style="margin-right:3px;">Back</a>
            </div>
        </div>
        <div class="row mt-2">
            <div class="col-md-1">
                <label for="example-firstname-input" class="col-form-label"><strong>Service Name:</strong></label>
            </div>
            <div class="col-md-2">
                <input required type="text" class="form-control" value="{{ $serviceRequestedDt['services_data']->service_name }}" autocomplete="off" disabled>
            </div>
            <div class="col-md-1">
                <label for="example-firstname-input" class="col-form-label"><strong>Vendor Name:</strong></label>
            </div>
            <div class="col-md-4">
                <input required type="text" class="form-control" value="{{ $serviceRequestedDt['service_vendors_data']->vendor_name }}" autocomplete="off" disabled>
            </div>
            <div class="col-md-2">
                <label for="example-firstname-input" class="col-form-label"><strong>Vendor Service Name:</strong></label>
            </div>
            <div class="col-md-2">
                <input required type="text" class="form-control" value="{{ $serviceRequestedDt['vendor_services_data']->vendor_service_name }}" autocomplete="off" disabled>
            </div>
        </div>
        <div class="d-flex mt-2">
            <div class="col-md-6 only-shadow pe-1 m-auto">
                                            <h4 class="text-center">No Document is Available</h4>
                                    </div>
            <div class="col-md-6 only-shadow ps-1">
                @if(!empty($responseData['AVMReport']['PROPERTYDETAILS']))
                    <div class="lst_TransactionInfoData ps-2">
                        <div class="d-flex justify-content-between align-items-center transactioninfo box-shadow mt-3">
                            <h6 class="send-color fw-bold">PROPERTY DETAILS</h6>
                        </div>
                        <div class="updateData box-shadow">
                            <div class="row m-3 mt-2">
                                <div class="col-sm-3">
                                    <label class="col-sm-12 details-color" style="align-items:center;display:flex;">Street:</label>
                                </div>
                                <div class="col-sm-3">
                                    <label class="col-sm-12" style="align-items:center;word-wrap:break-word;"><strong>{{ $responseData['AVMReport']['PROPERTYDETAILS']['STREET'] }}</strong></label>
                                </div>
                                <div class="col-sm-3">
                                    <label class="col-sm-12 details-color" style="align-items:center;display:flex;">City:</label>
                                </div>
                                <div class="col-sm-3">
                                    <label class="col-sm-12" style="align-items:center;word-wrap:break-word;"><strong>{{ $responseData['AVMReport']['PROPERTYDETAILS']['CITY'] }}</strong></label>
                                </div>
                            </div>
                            <div class="row m-3">
                                <div class="col-sm-3">
                                    <label class="col-sm-12 details-color" style="align-items:center;display:flex;">State:</label>
                                </div>
                                <div class="col-sm-3">
                                    <label class="col-sm-12" style="align-items:center;word-wrap:break-word;"><strong>{{ $responseData['AVMReport']['PROPERTYDETAILS']['STATE'] }}</strong></label>
                                </div>
                                <div class="col-sm-3">
                                    <label class="col-sm-12 details-color" style="align-items:center;display:flex;">ZIP:</label>
                                </div>
                                <div class="col-sm-3">
                                    <label class="col-sm-12" style="align-items:center;word-wrap:break-word;"><strong>{{ $responseData['AVMReport']['PROPERTYDETAILS']['ZIP'] }}</strong></label>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
                @if(!empty($responseData['AVMReport']['SUMMARY']))
                    <div class="lst_TransactionInfoData ps-2">
                        <div class="d-flex justify-content-between align-items-center transactioninfo box-shadow mt-3">
                            <h6 class="send-color fw-bold">SUMMARY</h6>
                            <div class="d-flex">
                                <span class="text-success fw-bold pe-1">{{ $responseData['AVMReport']['SUMMARY']['REQUEST_ID'] }}</span>
                                <span>(Request ID)</span>
                            </div>
                        </div>
                        <div class="updateData box-shadow" >
                            @if(!empty($responseData['AVMReport']['SUMMARY']['SERVICES']))
                                <div class="row mx-3 mt-2">
                                    <div class="d-flex justify-content-between align-items-center mb-2 position-relative">
                                        <label class="details-color fw-bold fs-6" style="align-items:center;display:flex;">SERVICES</label>
                                        <span class="text-success col-10 position-absolute" style="right:0px;text-align:right;">Status: <span class="{{ $status_color }} fw-bold">{{ $status_message }}</span></span>
                                    </div>
                                    <hr>
                                </div>
                                <div class="row mx-3 ">
                                    <div class="col-sm-3">
                                        <label class="col-sm-12 details-color" style="align-items:center;display:flex;">Name:</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="col-sm-12" style="align-items:center;word-wrap:break-word;"><strong>{{ $responseData['AVMReport']['SUMMARY']['SERVICES'][0]['NAME'] }}</strong></label>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="col-sm-12 details-color" style="align-items:center;display:flex;">Service Log ID:</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="col-sm-12" style="align-items:center;word-wrap:break-word;"><strong>{{ $responseData['AVMReport']['SUMMARY']['SERVICES'][0]['SERVICE_LOG_ID'] }}</strong></label>
                                    </div>
                                </div>
                                @if($responseData['AVMReport']['FINAL_STATUS'] == 'SUCCESSFUL')
                                <!-- VALUATION -->
                                    <div class="lst_TransactionInfoData px-3">
                                        <div class="d-flex justify-content-between align-items-center transactioninfo box-shadow mt-3">
                                            <h6 class="send-color fw-bold">VALUATION</h6>
                                        </div>
                                        <div class="updateData box-shadow px-2">
                                        <table class="table table-bordered nowrap table-striped mb-0" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                            <thead>
                                                <tr>
                                                    <th> <span class="text-color title-size fw-bold">SI.No.</span>  </th>
                                                    <th> <span class="text-color title-size fw-bold">Name</span>  </th>
                                                    <th> <span class="text-color title-size fw-bold">Value</span>  </th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                                                                @foreach($responseData['AVMReport']['SUMMARY']['SERVICES'][0]['VALUATION']['VALUES'] as $valuationDt)
                                                    <tr>
                                                        <td> {{ $i++ }} </td>
                                                        <td> {{ $valuationDt['KEYNAME'] }} </td>
                                                        <td> {{ ($valuationDt['KEYVALUE'] != NULL && $valuationDt['KEYVALUE'] != "") ? $valuationDt['KEYVALUE'] : '--' }} </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                        </div>
                                    </div>
                                <!-- VALUATION -->
                                <!-- SUBJECTINFORMATION -->
                                    <div class="lst_TransactionInfoData px-3 mb-2">
                                        <div class="d-flex justify-content-between align-items-center transactioninfo box-shadow mt-3">
                                            <h6 class="send-color fw-bold">SUBJECT INFORMATION</h6>
                                        </div>
                                        <div class="updateData box-shadow px-2">
                                        <table class="table table-bordered nowrap table-striped mb-0" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                            <thead>
                                                <tr>
                                                    <th> <span class="text-color title-size fw-bold">SI.No.</span>  </th>
                                                    <th> <span class="text-color title-size fw-bold">Name</span>  </th>
                                                    <th> <span class="text-color title-size fw-bold">Value</span>  </th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                                                                @foreach($responseData['AVMReport']['SUMMARY']['SERVICES'][0]['SUBJECTINFORMATION']['VALUES'] as $subject_informationDt)
                                                    <tr>
                                                        <td> {{ $j++ }} </td>
                                                        <td> {{ $subject_informationDt['KEYNAME'] }} </td>
                                                        <td> {{ ($subject_informationDt['KEYVALUE'] != NULL && $subject_informationDt['KEYVALUE'] != "") ? $subject_informationDt['KEYVALUE'] : '--' }} </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                        </div>
                                    </div>
                                <!-- SUBJECTINFORMATION -->
                                @endif
                            @endif
                            
                        </div>
                    </div>
                @endif
                
            </div>
        </div>
    </div>
</div>
@endsection

@section('page_css')
<style>
    .transactioninfo {
        background-color:#E8EEFF;
        padding: 0px 15px;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        border-bottom-left-radius:  0px;
        border-bottom-right-radius:  0px;
    }
    .updateData {
        background-color: #F8FBFF;
        border-bottom-left-radius:  5px;
        border-bottom-right-radius:  5px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
</style>
@endsection

@section('page_script')
@endsection