@component('mail::layout')

@slot('header')
@component('mail::header')
<td class="header">
<div class="header no-images-click-here-div">No images? <a href="{{$emailData['email_url']}}"><u>Click here</u></a></div>
<a href="{{$emailData['url']}}" style="display: inline-block;">
<img src="{{asset('images/kinetic_logo.png')}}" class="logo" alt="Kinetic Software Logo"/>
</a>
</td>
</tr>
@endcomponent
@endslot

<x-mail::message>

<div class="inspection-content-div">

<div id="inspection-title">{{$emailData['title']}}</div>

<div id="inspection-subject">{{$emailData['subject']}}</div>

<div id="inspection-description">{{$emailData['description']}}</div>

<button onclick="javascript:viewNow();">VIEW NOW</button>

<div id="inspection-comment">{{$emailData['comment']}}</div>

</div>

<hr>

<x-mail::table>
| Details               | &nbsp;
| :-------------------- | :-------------------------------------------
| Room Number           | {{$emailData['details']['room_number']}}   
| Academic Year         | {{$emailData['details']['academic_year']}}
| Name                  | {{$emailData['details']['name']}}
| Due                   | {{$emailData['details']['due_date']}}
@if(isset($emailData['details']['inspected_by'])&&$emailData['details']['inspected_by']!='')
| Inspected By          | {{$emailData['details']['inspected_by']}}
@endif
</x-mail::table>

<hr>

@if(isset($emailData['charges'])&&!empty($emailData['charges']))
<x-mail::table>
| Charges               | &nbsp;
| :-------------------- | :-------------------------------------------
@foreach ($emailData['charges'] as $charge)
| {{$charge['item']}}   | {{$charge['description']}}
@endforeach
</x-mail::table>

<x-mail::table>
| Total                 | {{$emailData['charges_total']}}
| :-------------------- | :-------------------------------------------
</x-mail::table>
@else
No charges added
@endif

{{--<x-mail::button url="{{$emailData['submit_dispute_url']}}">
SUBMIT DISPUTE
</x-mail::button>--}}

{{--<hr>

<x-mail::table>
| Charge  Split         | &nbsp;
| :-------------------- | :-------------------------------------------
| Alex McKale           | £10.00. Not main perpetrator of the damage.
| Jo Hanbury            | £30.00. Cause the most damage and should be charged the most.
| Wardrobe              | £0.00. Was away from the property when damage occured.
</x-mail::table>--}}

<hr>

<script>
    function getMobileOperatingSystem() {
        var userAgent = navigator.userAgent || navigator.vendor || window.opera;
        if (/windows phone/i.test(userAgent)) {
            return 'Windows Phone';
        }
        if (/android/i.test(userAgent)) {
            return 'Android';
        }
        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
            return 'iOS';
        }
        return 'unknown';
    }
    function viewNow(){
        var mobileOperatingSystem = getMobileOperatingSystem();
        var network_id = '{{$emailData["network_id"]}}';
        var inspection_id = '{{$emailData["inspection_id"]}}';
        var params = '?network_id='+network_id+'&inspection_id='+inspection_id+'&screen=inspection_details';
        var androidUrl = 'myapp://heyhub/launch'+params;
        var iosUrl = 'myapp://com.heyhub.app'+params;
        if( mobileOperatingSystem == 'Android' ){
            window.open('https://play.google.com/store/apps/details?id=com.heyhub.kxinspections','_blank');
            //window.location.href = androidUrl;
        }else if( mobileOperatingSystem == 'iOS' ){
            window.open('https://play.google.com/store/apps/details?id=com.heyhub.kxinspections','_blank');
            //window.location.href = iosUrl;
        }else{
            window.open('https://play.google.com/store/apps/details?id=com.heyhub.kxinspections','_blank');
            //window.location.href = iosUrl;
        }
    }
</script>

</x-mail::message>

@slot('footer')
@component('mail::footer')
{!!$emailData['footer']!!}
@endcomponent
@endslot

@endcomponent