@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-seller-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>seller Name</th>
                                {{-- <th>Service Title</th> --}}
                                <th>Job Description</th>
                                <th>Name</th>
                                <th>Price</th>
                                <th>Date</th>
                                <th>Description</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                                @if(!empty($sellerjobOrder) && count($sellerjobOrder)>0)
                                    @foreach($sellerjobOrder as $key => $value)
                                        <tr>
                                            <td>
                                                @if(!empty($value->user) && !empty($value->user))
                                                  <a  href="{{URL::to('/message/'.$value->user->id)}}">
                                                    @if(!empty($value->user)){{$value->user->username}}@endif
                                                  </a>  
                                                @endif    
                                            </td>
                                            <td>@if(!empty($value->job)){{$value->job->description}}@endif</td>
                                            {{-- <td>{{$value->description}}</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="Accept" @if($value->status=="Accept")selected @endif>Accept</option>
                                                    <option value="Reject" @if($value->status=="Reject") selected @endif>Reject</option>
                                                    <option value="Complete" @if($value->status=="Complete") selected @endif>Complete</option>
                                                </select>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            {{-- <tr>
                                <td>Row 2 Data 1</td>
                                <td>Row 2 Data 2</td>
                            </tr> --}}
                        </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).on('change','.status',function() {
                //alert($(this).val());
                var id = $(this).attr('data-id')
                var status = $(this).val();
                //alert(id);
                if(status!=""){
                    $.ajax({
                        url: "{{route('buyer-order-complete')}}",
                        type: "post",
                        dataType: "json",
                        data: {
                            id: id,
                            status: status,
                            "_token": "{{ csrf_token() }}"
                        },
                        success: function(res) {
                            //if(res.status){ 
                                console.log(res)
                            //location.reload(true);
                            if(res.status){
                            swal("Order", "Order Request Updated Successfully", "success");
                            }else{
                            swal("Order", "Order Request Updated To Failed", "danger");
                            }
                            location.reload(true);
                            // console.log(res)
                            //alert(res)
                        },
                    });
                }else{
                   swal("Order", "Please Select Status", "danger");
                   location.reload(true);
                }
            });
        }); 
        $(document).ready( function () {
            $('#table_id').DataTable();
        } ); 
    </script>
       
   
@endsection