@extends("layouts.default")

@section("title", "QR Code/GAP List")

@section("breadcrumb")
    @parent
    <li class="breadcrumb-item">
        <a href="{{ route('gap') }}">QR Code/GAP List</a>
    </li>
    <li class="breadcrumb-item active">
        QR Code/GAP Detail
    </li>
@stop

@section("content")


<!-- Basic Table -->
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="body">
                    @if( can('add_request_qr') || can('edit_request_qr')  )
                                                <p class="text-right" style="margin-bottom: 0;">
                            <a class="btn btn-primary text-white" href="{{route('gap.edit', $gap->id)}}">
                                @lang('lang.edit')
                            </a>
                        </p>
                    @endif
                    <h5 class="card-title">
                        {{ @$farmer->property->name . " (" . @$farmer->property->farmer_id . ") " }}
                    </h5>
                    <section class="d-flex">
                        <table class="table">
                            <tr>
                                <td width="250">@lang('lang.farm_name')</td>
                                <td>{{$gap->property->farm_name}}</td>
                            </tr>
                            <tr>
                                <td>@lang('lang.farm_owner_name')</td>
                                <td>{{$gap->property->farm_owner_name}}</td>
                            </tr>
                            <tr>
                                <td>@lang('lang.farm_address')</td>
                                <td>{{$gap->property->farm_address}}</td>
                            </tr>
                            <tr>
                                <td>@lang('lang.farm_location')</td>
                                <td>
                                    @if(!is_null(@$gap->property->farm_latitude) && !is_null(@$gap->property->farm_longitude) )
                                        <div class="map-wrapper w-100" style="height: 300px" id="map"></div>
                                    @else
                                        <!-- no map to display -->
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td>@lang('lang.farm_images')</td>
                                <td>
                                    @if(!empty($farm_images))
                                        @foreach($farm_images as $v)
                                            <a href="{{$v}}" target="_blank">
                                                <img src="{{$v}}" height="150">    
                                            </a>
                                        @endforeach
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td>@lang('lang.submission_date')</td>
                                <td>
                                    {{Helpers::dateTimeFormat($gap->created_at, true)}}
                                </td>
                            </tr>
                            <tr>
                                <td>QR Code Status</td>
                                <td>
                                    {!! Helpers::getGAPStatus($gap->status) !!}
                                    @if( can('add_request_qr') || can('edit_request_qr') )
                                        @if(is_null($gap->status))
                                            <a class="btn btn-primary btn-update-qr-status text-white"
                                               data-value="1"
                                               data-sms="@lang('lang.do_you_want_to_',['name'=>trans('lang.accept')])"
                                               data-url="{{ route('gap.update.status', $gap->id) }}">
                                                @lang('lang.accept')
                                            </a>
                                            <a class="btn btn-danger btn-update-qr-status text-white"
                                               data-value="0"
                                               data-sms="@lang('lang.do_you_want_to_',['name'=>trans('lang.reject')])"
                                               data-url="{{ route('gap.update.status', $gap->id) }}">
                                                @lang('lang.reject')
                                            </a>
                                        @endif
                                    @endif
                                </td>
                            </tr>
                            @if(!is_null($gap->status))
                                <tr>
                                    @if($gap->status)
                                        <td>@lang('lang.approved_by')</td> 
                                    @else
                                        <td>@lang('lang.rejected_by')</td> 
                                    @endif
                                    <td>{{@$arr_user[$gap->property->status_by]}}</td>
                                </tr>
                                <tr>
                                    @if($gap->status)
                                        <td>@lang('lang.approved_date')</td> 
                                    @else
                                        <td>@lang('lang.rejected_date')</td> 
                                    @endif
                                    <td>
                                        {{Helpers::dateTimeFormat($gap->property->status_date, true)}}
                                    </td>
                                </tr>
                                <tr>
                                    <td>@lang('lang.note')</td> 
                                    <td>{{@$gap->property->status_note}}</td>
                                </tr>
                            @endif
                            <tr>
                                <td>GAP Status</td> 
                                <td>
                                    @if($gap->status)
                                        {!! Helpers::getGAPStatus($gap->gap_status) !!}
                                        @if( can('add_request_qr') || can('edit_request_qr') )
                                            @if(is_null($gap->gap_status))
                                                <a class="btn btn-primary btn-update-gap-status text-white"
                                                   data-value="1"
                                                   data-sms="@lang('lang.do_you_want_to_',['name'=>trans('lang.accept')])"
                                                   data-url="{{ route('gap.update.gap_status', $gap->id) }}">
                                                    @lang('lang.accept')
                                                </a>
                                                <!-- <a class="btn btn-danger btn-update-gap-status text-white"
                                                   data-value="0"
                                                   data-sms="@lang('lang.do_you_want_to_',['name'=>trans('lang.reject')])"
                                                   data-url="{{ route('gap.update.gap_status', $gap->id) }}">
                                                    @lang('lang.reject')
                                                </a> -->
                                            @endif
                                        @endif
                                    @endif
                                </td>
                            </tr>
                            @if(!is_null($gap->gap_status))
                                <tr>
                                    <td>@lang('lang.link')</td> 
                                    <td>
                                        @if(isset($gap->property->link) && !empty($gap->property->link))
                                            {{$gap->property->link}}
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td>@lang('lang.attachment')</td> 
                                    <td>
                                        @if(!empty(@$gap->property->attachment->name))
                                            <a href="{{ Helpers::setImageSrc(@$gap->property->attachment->path) }}"
                                               download="{{ @$gap->property->attachment->name }}" target="_blank">
                                                {{  @$gap->property->attachment->name }}
                                            </a>
                                        @else
                                            @lang('lang.empty',['name'=>__('lang.attachment')])
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td>@lang('lang.note')</td> 
                                    <td>{{@$gap->property->gap_status_note}}</td>
                                </tr>
                                <tr>
                                    @if($gap->gap_status)
                                        <td>@lang('lang.approved_by')</td> 
                                    @else
                                        <td>@lang('lang.rejected_by')</td> 
                                    @endif
                                    <td>{{@$arr_user[$gap->property->gap_status_by]}}</td>
                                </tr>
                                <tr>
                                    @if($gap->gap_status)
                                        <td>@lang('lang.approved_date')</td> 
                                    @else
                                        <td>@lang('lang.rejected_date')</td> 
                                    @endif
                                    <td>
                                        {{Helpers::dateTimeFormat($gap->property->gap_status_date, true)}}
                                    </td>
                                </tr>
                            @endif
                        </table>
                    </section>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('script')
<script>
$(function(){

    const latitude = "{{$latitude}}";
    const longitude = "{{$longitude}}";

    var myLatLng = {lat: parseFloat(latitude), lng: parseFloat(longitude)};
    var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 15,
        center: myLatLng
    });
    marker = new google.maps.Marker({
        map: map,
        position: myLatLng,
        title: ''
    });
    // btn-update-qr-status
    $(".btn-update-qr-status").on('click', function () {
        const data = $(this).attr('data-value');
        const url = $(this).attr('data-url');
        const sms = $(this).attr('data-sms');
        let temp = `<input type="hidden" value="${data}" name="status">`;
        $("#qr-code-frm").attr('action', url);
        $("#qr-code-frm .form-content").append(temp);
        $("p.sms").text(sms);
        $("#qr-code-modal").modal('show');
    });
    // btn-update-gap-status
    $(".btn-update-gap-status").on('click', function () {
        const data = $(this).attr('data-value');
        const url = $(this).attr('data-url');
        const sms = $(this).attr('data-sms');
        let temp = `<input type="hidden" value="${data}" name="status">`;
        $("#gap-status-frm").attr('action', url);
        $("#gap-status-frm .form-content").append(temp);
        $("p.sms").text(sms);
        $("#gap-status-modal").modal('show');
    });
});
</script>
@stop