@extends('seller.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>Customer 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->Order) && count($sellerJobOrder->Order)>0)
                                @foreach($sellerJobOrder->Order as $key => $value)
                                    <tr>
                                        <td>
                                            @if(!empty($value->job) && !empty($value->job->user))
                                                <a  href="{{URL::to('/message/'.$value->job->user->id)}}">
                                                    @if(!empty($value->job) && !empty($value->job->user)){{$value->job->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="Pending" @if($value->status=="Pending") selected @endif>pending</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).ready( function () {
            $('#table_id').DataTable();
        } ); 
    </script>
       
   
@endsection