@extends('frontend.layouts.app')

@section('title', app_name() . ' | ' . __('navs.frontend.dashboard') )

@section('content')
    <div class="row mb-4">
    
        <div class="header header-top">
            <a href="{{ url('/dashboard') }}" class="header-menu"><i class="fa fa-arrow-left"></i></a>
            <h2 class="page-title">@if(isset($quotations->service_name)){{$quotations->service_name}}@endif</h2>
        </div><!-- header -->
        <div class="main-content">
            @if($quotations->getPoster)
            <div class="grey-bg">
                <div class="container-fluid">
                    <div class="quotation-list">                
                        <div class="quotation-list-pic">        
                            <img src="@if($quotations->getPoster->avatar_location){{url('storage/'.$quotations->getPoster->avatar_location)}}@else{{'img/no-image.jpg'}}@endif" alt="">
                        </div>
                        <div class="quotation-list-details">
                            <h3>@if(isset($quotations->getPoster->first_name)){{$quotations->getPoster->first_name.' '.$quotations->getPoster->last_name}}@endif</h3>
                        </div>
                        @if($quotations->getServiceProviders[0]->amount > 0)
                        <div class="quotation-price">
                            <h3>$ {{$quotations->getServiceProviders[0]->amount}}</h3>
                        </div>
                        @endif
                    </div>
                </div><!-- container-fluid -->
            </div><!-- grey-bg -->
            @endif
            <div class="container-fluid">
                <div class="quotation-block mt-3">
                    <h3>Quotation ID</h3>
                    <p>@if(isset($quotations->id)){{$quotations->id}}@endif</p>
                </div><!-- quotation-block -->
                <div class="quotation-block mt-3">
                    <h3>Submitte Quotation</h3>
                    <p>@if(isset($quotations->quotation_message)){{$quotations->quotation_message}}@endif</p>
                </div><!-- quotation-block -->
                <div class="quotation-block mt-3">
                    <h3>Image</h3>
                    <ul class="image-block">
                        @if(count($quotations->getQuoteImages)>0)
                            @foreach($quotations->getQuoteImages as $res)
                                <li>
                                    <img src="@if($res->image_location){{url('storage/'.$res->image_location)}}@else{{'img/no-image.jpg'}}@endif" alt="">
                                </li>
                            @endforeach
                        @endif
                    </ul>
                </div><!-- quotation-block -->
                <div class="quotation-block mt-3 pt-2 grey-border">
                    <h3>Reply</h3>
                    @if($quotations->getServiceProviders[0]->reply != '')
                        <p>{{$quotations->getServiceProviders[0]->reply}}</p>
                    @else
                        <textarea name="reply" id="reply" required class="form-control mb-2"></textarea>
                    @endif
                </div><!-- quotation-block -->
                @if($quotations->payment_status == 1)
                <div class="quotation-block mt-3 pt-2 grey-border">
                    <h3>Payment Details:</h3>
                        <p>Payment Mode: {{(($quotations->payment_type==0) ? 'Online' : 'PayNow')}}</p>
                        <p>Payment Status: {{(($quotations->payment_status==1) ? 'Paid' : 'Refunded')}}</p>
                        <p>Payment Date: {{$quotations->payment_date}}</p>
                        <p>Transaction ID: {{$quotations->trn_id}}</p>
                </div>
                @endif
                @if($quotations->work_done > 0)
                <div class="quotation-block mt-3 pt-2 grey-border">
                    <h3>Work Done:</h3>
                        <p>{{$quotations->work_done}} %</p>
                </div>
                @endif
                @if($quotations->getServiceProviders[0]->amount == 0 || $quotations->getServiceProviders[0]->amount == '')
                <div class="quotation-block mt-3 pt-2">
                    <h3>Amount</h3>
                    <div class="form-group">
                        <input type="text" name="amount" class="form-control mb-2" id="amount" placeholder="Type the payable amount by user">
                    </div><!-- form-group -->
                </div><!-- quotation-block -->
                @endif
            </div>
        </div><!-- main-content -->
        @if($quotations->getServiceProviders[0]->amount == 0 || $quotations->getServiceProviders[0]->amount == '')
        <div class="footer">
            <a href="javascript:void(0)" class="block-btn submitbtn" >Submit</a>   
        </div><!-- footer -->
        @elseif($quotations->status == 2)
        <div class="footer">
            <a href="javascript:void(0)" class="block-btn job_complete">Job Complete</a>   
        </div><!-- footer -->
        @endif
    </div><!-- row -->
    <div class="loader-main">
            <div class="loading-wrapper">
              <div class="loading-bar"></div>
              <div class="loading-bar"></div>
              <div class="loading-bar"></div>
              <div class="loading-bar"></div>
            </div>
    </div>
<script type="text/javascript">
    var user_type = 0;
    $(function(){
        $('.submitbtn').click(function(){
            if($.trim($("#reply").val())!='' && $('input[name="amount"]').val()!='') {
                if($.isNumeric($('input[name="amount"]').val()) && $('input[name="amount"]').val() > 0) {
                    $('.loader-main').css('display','inline-block');
                    $.ajax({
                        url: "{{url('my-quotation-details/'.base64_encode($quotations->id))}}",
                        type: 'POST',
                        data: {
                                "_token": "{{ csrf_token() }}",
                                "reply": $.trim($("#reply").val()),
                                "amount": $('input[name="amount"]').val(),
                            },
                        success: function(res){
                            if(res==1) {
                                $('.loader-main').css('display','none');
                                window.location.href="{{url('my-quotation')}}";
                            } else {
                                alert('Something wrong....');
                                $('.loader-main').css('display','none');
                            }
                        }
                    })
                } else {
                    alert('Please fill amount with numeric value....');
                }
            } else {
                alert('Please fill reply and amount....');
            }

        })
        $('.job_complete').click(function(){
            if(confirm('Are you sure to make this job complete ?')) {
                $('.loader-main').css('display','inline-block');
                $.ajax({
                    url:"{{route('frontend.user.quotation.jobcomplete')}}",
                    data:{
                        "_token": "{{ csrf_token() }}",
                        quotation_id: "{{$quotations->id}}"
                    },
                    type: "POST",
                    success:function(res) {
                        if(res == 1) {
                            $('.loader-main').css('display','none');
                            window.location.href="{{url('my-quotation')}}";
                        } else {
                            alert('Something wrong....');
                            $('.loader-main').css('display','none');
                        }   
                    }
                })
            }
        })
    })   
</script>
@endsection