@extends('backend.includes.panel')

@section('page_css')
<link href="{{BE_URL.'/plugins/sweetalert/sweetalert.css'}}" rel="stylesheet" type="text/css">
<link href="{{BE_URL.'/plugins/icheck/skins/square/_all.css'}}" rel="stylesheet" type="text/css">
@stop

@section('inner_page_link')
<li class="breadcrumb-item"><a href="{{ route('jobs.to.bid') }}">Jobs</a></li>
<li class="breadcrumb-item active">Jobs Biddings</li>
@stop

@section('main_content')
<!-- ============================================================== -->
<!-- Start Page Content -->
<!-- ============================================================== -->
<div class="row">
    <div class="col-12">
        @include('backend.includes.common-job-detail')
        <div class="card">
            <div class="card-body">
                <section class="cd-horizontal-timeline">
                    <h3 class="card-title"><u>Biddings</u></h3>

                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">

                                    <!-- if(isset($jobBidInfo))
                                    { Form::model($jobBidInfo, ['route' => ['job_bid.update',$jobBidInfo->id], 'method' => 'patch','class'=>'form-horizontal form-material','data-parsley-validate'=>'','autocomplete'=>'off']) }}
                                    else -->

                                    @php
                                    $editable = true;
                                    @endphp
                                    @if(strtotime(date('Y-m-d H:i',strtotime($company_job->bid_end_date))) < strtotime(date('Y-m-d H:i')))
                                    @php 
                                    $editable = false;
                                    @endphp
                                    @endif

                                    {{ Form::open(['route' => 'job_bid.store','class'=>'form-horizontal form-material','data-parsley-validate'=>'','method'=>'POST','autocomplete'=>'off','enctype'=> 'multipart/form-data','data-parsely-validate' => true]) }}
                                    <!-- endif -->
                                    {{ Form::hidden('company_job_id', $company_job->id, array('id' => 'company_job_id')) }}
                                    <h4 class="card-title">
                                        @if(isset($jobBidInfo) && $jobBidInfo->status != -1)
                                        Job bid {!! (isset($jobBidInfo) && $editable && $jobBidInfo->is_editable == 1 ? '<code>(Edit your bid and submit : Not compulsory action)</code>' : '' ) !!}
                                        @elseif(isset($jobBidInfo->status) && $jobBidInfo->status == -1)
                                        Bid canceled {!! ('<code>(You have canceled bid for this job)</code>') !!}
                                        @endif
                                        
                                        @if($company_job->status == 1 && (!isset($jobBidInfo) || ($jobBidInfo->is_editable == 1)) && $editable)
                                        <button type="reset" style="float: right;" onclick="window.location.href ='{{ route('jobs.to.bid') }}'" class="btn btn-warning waves-effect waves-light m-r-10">Cancel</button>
                                        <button type="submit" style="float: right;" class="btn btn-success waves-effect waves-light m-r-10">Submit</button>
                                        @else
                                        <button type="reset" style="float: right;" onclick="window.location.href ='{{ route('jobs.to.bid') }}'" class="btn btn-warning waves-effect waves-light m-r-10">Back</button>
                                        @if(isset($jobBidInfo->status) && $jobBidInfo->status != -1 && $jobBidInfo->companyJob->status == 1)
                                        <button type="button" id="cancelBid" style="float: right;" data-id ="{{$jobBidInfo->id}}" class="btn btn-warning waves-effect waves-light m-r-10">Cancel Bid</button>
                                        
                                        @endif
                                        @endif
                                    </h4>
                                    <!--<h6 class="card-subtitle">Details of <code>Category </code></h6>-->
                                    <div class="form-group m-b-40">
                                        @if($company_job->status == 1 && (!isset($jobBidInfo) || ($jobBidInfo->is_editable == 1)) && $editable)
                                        <div class="row">
                                            <div class="col-md-6">
                                                {{ Form::text('price',(isset($jobBidInfo) ? $jobBidInfo->bid_amount : '' ),['class'=>'form-control','placeholder'=>'Enter bid Price','data-parsley-required'=>'true','data-parsley-type'=>'number','data-parsley-min'=>1]) }}
                                            </div>
                                            <div class="col-md-6">
                                                <input name="files[]" type="file" class="file_upload" accept="application/pdf,.doc,.docx, image/*" multiple />
                                            </div>
                                        </div>
                                        @if($company_job->companyJobBidRequirements->count() > 0)
                                        <div class="row" style="margin-top: 25px;">
                                            <div class="col-md-6">
                                                <div>
                                                    <label>Requirement Checklist :</label>&nbsp;                                         
                                                    {{ Form::checkbox('checklist_verified',1,(old('checklist_verified') || (isset($jobBidInfo) && ($jobBidInfo->requirement_checklist_verified == 1)) ? 'checked' : ''),['class'=>'check','data-parsley-required'=>'true','id'=>'requirement_checklist']) }} 
                                                    <label for="requirement_checklist">{{ implode(', ',$company_job->companyJobBidRequirements->pluck('title')->toArray()) }}</label><br/>
                                                </div>
                                                <code>I accept all the requirement checklist will be provided</code>
                                            </div>
                                        </div>
                                        @endif
                                        @else
                                            @if(isset($jobBidInfo))
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <label>Bid Amount : </label>
                                                        <code>{{ \Config::get('custom.currency').' '.$jobBidInfo->bid_amount}}</code>
                                                    </div>
                                                </div>

                                                @if($company_job->companyJobBidRequirements->count() > 0 && $jobBidInfo->requirement_checklist_verified == 1)
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <label>Agreed to provide requirement checklist : </label>
                                                            <code> {{ implode(', ',$company_job->companyJobBidRequirements->pluck('title')->toArray()) }}</code>
                                                        </div>
                                                    </div>                                                    
                                                @endif
                                            @else
                                                <small class="text-danger">Bidding period is over</small>
                                            @endif
                                        @endif

                                        @php
                                        $files = '';
                                        @endphp
                                        @if(isset($jobBidInfo->files) && !empty($jobBidInfo->files))
                                        @foreach($jobBidInfo->files as $file)
                                        @php
                                        $files .= '<div class="image_preview old_image" id="file_'.$file->id.'" data-id="'.$file->id.'" data-job-id="'.$jobBidInfo->id.'">';
                                            $files .= '<a href="'.\Storage::disk('jobs')->url($company_job->id.'/biddings/'.$jobBidInfo->id.'/'.$file->name).'" target="_blank">';

                                                $ext = explode(".",$file->name);
                                                $ext = $ext[count($ext) - 1];
                                                @endphp

                                                @if(in_array($ext,['jpg','jpeg','png','gif','bmp']))
                                                @php
                                                $files .= '<div class="image_box"><img src="'.\Storage::disk('jobs')->url($company_job->id.'/biddings/'.$jobBidInfo->id.'/'.$file->name).'" /></div>';
                                                @endphp
                                                @elseif($ext == "pdf")
                                                @php
                                                $files .= '<div class="image_box"><img src="'.BE_URL.'images/pdf.png" /></div>';
                                                @endphp
                                                @else
                                                @php
                                                $files .= '<div class="image_box"><img src="'.BE_URL.'images/doc.png" /></div>';
                                                @endphp
                                                @endif
                                                @php
                                                $files .= '<div class="file_name"><p>'.$file->name.'</p></div>';
                                                $files .= '</a>';
                                            @endphp
                                            @if((!isset($jobBidInfo) || ($jobBidInfo->is_editable == 1)) && $editable &&  $jobBidInfo->status != -1)
                                            @php
                                            $files .= '<div class="remove_image"><p>X</p></div>';
                                            @endphp
                                            @endif
                                            @php
                                            $files .= '</div>';
                                        @endphp
                                        @endforeach
                                        @endif
                                        <div class="file_container">
                                            {!! $files !!}
                                        </div>
                                        @if(isset($errors) && $errors->first('price'))
                                        <code>{{ $errors->first('name') }}</code>
                                        @endif
                                    </div>

                                    {{ Form::close() }}
                                </div>
                            </div>
                        </div>
                    </div>

                </section>
            </div>
        </div>
        @if($company_job->status == 3)
        <div class="card">
            <div class="card-body">
                <section class="cd-horizontal-timeline">
                    <h3 class="card-title"><u>Action</u></h3>
                    <div class="row">
                        <div class="col-md-12">                            
                            {{ Form::open(['route' => ['job.complete',$company_job->id],'method'=>'POST','id'=>'job_complete_form']) }}
                            <button type="submit" class="btn btn-success waves-effect waves-light m-r-10">Complete Job</button>
                            {{ Form::close() }}
                        </div>
                    </div>
                </section>
            </div>
        </div>        
        @endif
    </div>
</div>
<!-- ============================================================== -->
<!-- End PAge Content -->
<!-- ============================================================== -->
@stop

@section('page_script')
<script src="{{ BE_URL.'js/contractor_common.js' }}"></script>
<script src="{{ BE_URL.'plugins/sweetalert/sweetalert.min.js'}}"></script>
<script type="text/javascript">
var submit = false;
var approval_required = parseInt("{{ (isset($company_job) && isset($company_job->approval_required) && ($company_job->approval_required == 1) ? 1 : 0) }}");
$(document).on('submit', '#job_complete_form', function(e) {
    if (submit == false) {
        e.preventDefault();
        swal({
        title: "Are you sure?",
                text: "You are completing this job" + (approval_required == 1 ? ' & this job requires the approval of Property Manager and after that this job will be completed' : '') + ".",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Yes, Complete it!",
                closeOnConfirm: true
        }, function() {
        submit = true;
            $('#job_complete_form').submit();
        });
    } else {
        $('#job_complete_form').find('button[type="submit"]').css('pointer-events', 'none');
        $('#job_complete_form').find('button[type="submit"]').text('Completing Job...');
    }
});

// Reset New Images If User Click On File Element
$(document).on('click', '.file_upload', function() {
    $(this).val('');
    $('.file_container').find('.new_file').remove();
});

// Preview Image On Change Event
$(document).on('change', '.file_upload', function() {
    imagesPreview(this);
});

// Remove Requested File id image/pdf
var removeFile = function(fileId, jobId) {
    var DELETE_IMAGE_URL = '{{ route("delete.job-bid.file",["ID"]) }}';
    $.ajax({
    url: DELETE_IMAGE_URL.replace('ID', fileId),
            type: 'DELETE',
            data: {
            fileId: fileId,
                    jobId: jobId
            },
            dataType: 'JSON',
            success: function(res) {
            if (res.result) {
            $('#file_' + fileId).remove();
            flash(res.message, 'success');
            } else {
            flash(res.message, 'error');
            }
            },
            error: function() {
            flash('File not removed. Try again!', 'error');
            }
    })
}

// Remove Image
$(document).on('click', '.remove_image', function() {
    var fileId = $(this).closest('.image_preview').attr('data-id');
    var jobId = $(this).closest('.image_preview').attr('data-job-id');
    if (fileId) {
    swal({
    title: "Are you sure?",
            text: "You will not be able to recover this image!",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes, remove it!",
            closeOnConfirm: true
    }, function() {
    removeFile(fileId, jobId);
    });
    }
});

// Multiple images preview
function imagesPreview(input) {
    if (input.files) {
        var fileArray = input.files;
        for (i = 0; i < fileArray.length; i++) {
            var reader = new FileReader();
            reader.fileName = fileArray[i].name;
            reader.onload = function(event) {
            var fileArray = (event.target.fileName).split('.');
            var fileExt = fileArray[(fileArray.length) - 1];
            var imageArr = ['jpg', 'jpeg', 'JPG', 'JPEG', 'png', 'bmp'];
            var image_box = '<div class="image_preview new_file">';
            if (imageArr.indexOf(fileExt) > - 1) {
            image_box += '<div class="image_box"><img src="' + event.target.result + '" /></div>';
            } else if (fileExt == "pdf") {
            image_box += '<div class="image_box"><img src="{{ BE_URL."images/pdf.png" }}" /></div>';
            } else {
            image_box += '<div class="image_box"><img src="{{ BE_URL."images/doc.png" }}" /></div>';
            }
            image_box += '<div class="file_name"><p>' + event.target.fileName + '</p></div></div>';
            $('.file_container').append(image_box);
            }
            reader.readAsDataURL(input.files[i]);
        }
    }

}

// Remove Image
$(document).on('click', '#cancelBid', function() {
    var bidId = $(this).attr('data-id');
    swal({
    title: "Are you sure cancel the bid?",
            text: "You will not be able to add or edit bid ",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes, Cancel it!",
            closeOnConfirm: true
    }, function() {
    cancelBid(bidId);
    });
});

var cancelBid = function(bidId) {
    var URL = '{{ route("job-bid-cancel") }}';
    $.ajax({
        url: URL,
        type: 'POST',
        data: {
        bidId: bidId
        },
        dataType: 'JSON',
        success: function(res) {
        if (res.result) {            
            flash(res.message, 'success');
                window.location.reload();
            } else {
                flash(res.message, 'error');
            }
        },
        error: function() {
            flash('Bid not cancel. Try again!', 'error');
        }
    })
}
</script>
@stop