@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-job')}}" class="btn-new btn-custom ctrl-btn">Add Job</a>
                </div> --}}
                <div class="col-md-12">
                     
                   
                    <table id="table_id" class="display">
                        <thead>
                            <tr>
                                {{-- <th>Title</th> --}}
                                <th>Customer Name</th>
                                <th>Description</th>
                                {{-- <th>Duration</th> --}}
                                <th>Price</th>
                                <th>Image</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                          @if(!empty($buyer_job) && count($buyer_job)>0)
                            @foreach($buyer_job as $key => $value)
                               @if($value->is_delete==0)
                                <tr>
                                    <td>
                                      @if(!empty($value->user))
                                         <a  href="{{URL::to('/message/'.$value->user->id)}}">
                                           {{$value->user->username}}
                                         </a>  
                                      @endif
                                    </td>
                                    <td>{{$value->description}}</td>
                                    <td>AED{{$value->price}}</td>
                                    <td>@if(!empty($value->cover_image))<img style="height:50px;width170px" src="{{secure_asset('storage/job_image/'.$value->cover_image)}}">@endif</td> 
                                    <td>
                                      <a href="javascript:void(0)"  data-job_id="{{ $value->id }}" class="btn btn-primary status">Accept Order</a>
                                    </td>
                                </tr>
                               @endif  
                            @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>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Order</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form method="post" action="{{route('seller-order-request')}}">
          @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 class="modal-body">
            @csrf
            <input type="hidden" name="job_id" value="@if(!empty(Request::old('job_id'))){{Request::old('job_id')}}@endif">
            {{-- <input type="text" name="user_id" value="{{Auth::user()->id}}"> --}}
            <div class="form-group">
              <label for="recipient-name" class="col-form-label">Order name:</label>
              <input type="text" class="form-control" id="order_name" name="order_name" value="@if(!empty(Request::old('order_name'))){{Request::old('order_name')}}@endif" required>
                @if($errors->has('order_name'))
                  <div style='color: red'>{{$errors->first('order_name')}}</div>
                @endif
            </div>
            <div class="form-group">
              <label for="recipient-name" class="col-form-label">Order Price</label>
              <input type="number" class="form-control" id="order_price" name="order_price" value="@if(!empty(Request::old('order_price'))){{Request::old('order_price')}}@endif" required>
                @if($errors->has('order_price'))
                  <div style='color: red'>{{$errors->first('order_price')}}</div>
                @endif
            </div>
            <div class="form-group">
              <label for="recipient-name" class="col-form-label">Order date</label>
              <input type="date" class="form-control" id="order_date" name="order_date" value="{{date('Y-m-d', time())}}" required>
               @if($errors->has('order_date'))
                  <div style='color: red'>{{$errors->first('order_date')}}</div>
               @endif
            </div>
            <div class="form-group">
              <label for="message-text" class="col-form-label">Order Description:</label>
              <textarea class="form-control" id="message-text" name="description" required>@if(!empty(Request::old('description'))){{Request::old('description')}}@endif</textarea>
               @if($errors->has('description'))
                  <div style='color: red'>{{$errors->first('description')}}</div>
               @endif
            </div>

            {{-- <div class="form-group">
                <label for="message-text" class="col-form-label">Order Status:</label>
                  <select class="form-select status"  aria-label="Default select example" name="status" required>
                      <option value="Accept">Accept</option>  
                  </select>
                   @if($errors->has('status'))
                      <div style='color: red'>{{$errors->first('status')}}</div>
                   @endif
            </div> --}}
            
          
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          <button type="submit" class="btn btn-primary">Submit</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection
@section('scripts')
  <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.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','.status',function() {
                //alert($(this).val());
                var job_id = $(this).attr('data-job_id');
                //var seller_id = $(this).attr('data-seller_id')
                $('input[name="job_id"]').val(job_id);
        
                $("#exampleModal").modal('show');
                //window.$('#exampleModal').modal()

                //var buyer_id = $(this).attr('data-buyer_id')
                    //alert(service_id);
                //alert(status);
            });
        }); 
        $(document).ready( function () {
            $('#table_id').DataTable();
        } ); 
    </script>
       
   
@endsection