@extends('buyer.layout.master')
@section('content')

    <div class="blog-content pt60">
        <div class="container-fluid">

            <div class="row">
                <div class="col-md-12">
                   @if (Session::has('message'))
                        <div class="alert alert-{{Session::get('messageType')}} alert-block">
                            <button type="button" class="close" data-dismiss="alert">×</button>	
                            <strong>{{Session::get('message')}} </strong>
                        </div>
                    @endif
                </div>
                <div class="col-md-12">
                  {{-- <a href="{{route('add-buyer-service')}}" class="btn-new btn-custom ctrl-btn">Add Service</a> --}}
                </div>
                <div class="col-md-12">
                     
                   
                    <table id="table_id" class="display">
                        <thead>
                            <tr>
                                <th>Freelancer Name</th>
                                <th>Service Title</th>
                                <th>Name</th>
                                <th>Price</th>
                                <th>Date</th>
                                <th>Description</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                             @if(!empty($buyerOrder->Order) && count($buyerOrder->Order)>0)
                                @foreach($buyerOrder->Order as $key => $value)
                                    <tr>
                                        <td>
                                            @if(!empty($value->services) && !empty($value->services->user))
                                                <a  href="{{URL::to('/message/'.$value->services->user->id)}}">
                                                    @if(!empty($value->services) && !empty($value->services->user)){{$value->services->user->username}}@endif
                                                </a>
                                            @endif    
                                        </td>
                                        <td>@if(!empty($value->services)){{$value->services->title}}@endif</td>
                                        <td>{{$value->order_name}}</td>
                                        <td>AED{{$value->price}}</td>
                                        <td>{{date('d-m-Y', strtotime($value->order_date))}}</td>
                                        <td>{{$value->description}}</td>
                                        <td>@if(!empty($value->status)){{$value->status}}@endif</td>
                                        <td>
                                            {{-- <select class="form-select status"  aria-label="Default select example" data-id="{{$value->id}}" name="status">
                                                <option value="">Order Request</option>
                                                <option value="Pending" @if($value->status=="Pending") selected @endif>pending</option>
                                                <option value="Complete" @if($value->status=="Complete") selected @endif>Complete</option>
                                            </select> --}}
                                            <a @if($value->status=="Accept") href="{{route('buyer-order-complete',['id'=>$value->id])}}" @esle href="javascript:void(0)" @endif class="btn btn-primary">Order Complete</a>
                                        </td>
                                    </tr>
                                 @endforeach
                             @endif   
                        </tbody>
                    </table>




                </div> <!--  end blog-single -->
            </div>

        </div> <!--  end blog-single -->
    </div>
@endsection
@section('scripts')
  <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.js"></script>
  <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script>
      function imageurl(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function(e) {
                    $('#preview').attr('src', e.target.result);
                    $('#preview').show();
                }
                reader.readAsDataURL(input.files[0]);
            }
        }

        $(document).ready(function() {
            $(document).on('click','.add-btn',function(){
                //var clone = $('.orginaldiv').last().clone().find("input").val("").end();
                var clone = $(this).parents('.orginaldiv').eq(0).clone();
                //var clone = $('.orginaldiv').eq(0).clone();
                    var div_length=$('.clonediv').find('.orginaldiv').length;
                /*clone.find("textarea").val("");*/
                //alert(div_length);
                clone.find("input").val("");
                //clone.find(".del-btn").attr('disabled', false);
                //clone.find(".percent").attr('readonly', false);
                //clone.find('input').each(function(i) {
                // this.name= this.name.replace("[]", "["+div_length+"]");
                //}); 
                $(this).parents('.clonediv').append(clone);
                $('.del-btn').show();
            });

            $(document).on('click','.del-btn',function(){
                if($(this).parents('.clonediv').find('.orginaldiv').length > 1){
                    $(this).parents('.orginaldiv').remove();
                    //$('.orginaldiv').last().remove();
                    $('.add-btn').attr('disabled', false);
                }else{
                    $(this).hide();
                }
            });
            
        }); 
        $(document).ready( function () {
            $('#table_id').DataTable();
        } ); 
    </script>
       
   
@endsection