@include('auth.header')
<main id="main" class="main">
  <div class="row">
    <div class="col-md-12">
      <div class="pagetitle">
        <h1>View Job</h1>
        <nav>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="dashboard">Home</a></li>
            <li class="breadcrumb-item active">View Job</li>
          </ol>
        </nav>
      </div>
    </div>
  </div>

  <form method="GET" action="#"> 
    @csrf
    <div class="filter-job">
      
    <label class="filter-job label">Job title</label> 
    <select name="title" id="cars">
      <option selected disabled value="">--select--</option>
        @foreach($vj_filter ?? '' as $dt)     
        @if ($title == $dt->county)
          <option value="{{ $dt->county }}" selected>{{ $dt->county}}</option>
          @else
          <option value="{{ $dt->county}}">{{ $dt->county}}</option>
        @endif     
        @endforeach
    </select>
    <label class="filter-job label">Location</label> 
    <select name="loc" id="cars" class="filter-job select">
      <option selected disabled value="">--select--</option>
        @foreach($loct_filter ?? '' as $loct)
        @if ($loc == $loct->location)
          <option value="{{ $loct->location }}" selected>{{ $loct->location }}</option>
          @else
          <option value="{{ $loct->location }}">{{ $loct->location }}</option>
        @endif
        @endforeach
    </select>
    <label class="filter-job label">Status</label> 
    <select name="status" id="cars" class="filter-job select">
      <option selected disabled value="">--select--</option>
        @if ($status == '1')
        <option value= '1' selected>Active</option>
        <option value= '2' >In-active</option>
        @elseif ($status == '2')
        <option value= '2' selected>In-active</option> 
        <option value= '1' >Active</option>
        @else
        <option value= '1' >Active</option>
        <option value= '2' >In-active</option>
        @endif
        
    </select>
    <input type="submit" name="filter" value="Filter" class="fil_button btn btn-success">
    <a class="fil_button btn btn-warning" style="color:#fff" href="{{ route('viewJob')}}">Reset</a>
    
    </div>
  </form>
  @if(Session::has('message'))
                    <div class="alert alert-success">{{Session::get('message')}}</div>
                    @endif
                    @if(Session::has('message1'))
                    <div class="alert alert-danger">{{Session::get('message1')}}</div>
                    @endif
                    @if(Session::has('message2'))
                    <div class="alert alert-success">{{Session::get('message2')}}</div>
                    @endif
  <section class="section">
    <div class="card">
      <div class="card-body">
        <div class="row">
          <div class="col-md-12">
          <table class="table">
            
                <thead>
                  <tr>
                    <th scope="col">#</th>
                    <th scope="col">Job Title</th>
                    <th scope="col">Department Title</th>
                    <th scope="col">Location</th>
                    <th scope="col">Reference ID</th>
                    <th scope="col">Posted Date</th>
                    
                    <th scope="col">Action</th>
                  </tr>
                </thead>
                <tbody>
                                @foreach ($addjob ?? '' as $addj)
                    <tr>
                    <th scope="row">1</th>
                                        <td class="strong">{{ $addj->county }}</td>
                    <td>{{ $addj->category}}</td>
                    <td class="Location">{{ $addj->location }}</td>
                    <td><a href="/referfilter/{{ $addj->id}}">{{ $addj->ref_id}}</a></td>
                    <td>{{ $addj->post_date}}</td>
                    <td>
                      <button type="button" class="btn btn-secondary btn-sm" data-bs-toggle="modal" data-id="{{ $addj->id }}" data-bs-target="#RGN{{ $addj->id }}"><i class="bi bi-eye-fill"></i> View</button>
                      <button type="button" class="btn btn-success btn-sm"><i class="bi bi-pencil-fill"></i><a style="text-decoration:none; color:#fff" href="/editjob/{{ $addj->id }}"> Edit </a></button>
                      <button type="button" class="btn btn-danger  btn-sm" data-bs-toggle="modal" data-bs-target="#Deletejob{{ $addj->id }}"><i class="bi bi-trash-fill"></i> Delete</button>
                    </td>
                    <td> 
                    <button type="button" class="btn btn-success btn-sm statuschange" id="{{$addj->id}}" data-st="{{$addj->status}}"  data-onstyle="success" data-offstyle="danger" data-toggle="toggle"
 data-on="Active" ref_id="{{ $addj->ref_id}}" user="{{ session('user') }}" url="{{ route('change.status') }}" token="{{ csrf_token() }}" data-off="InActive" status="{{ $addj->status}}">{{ $addj->status =='1' ? 'Active' : 'Inactive' }}</button> 
                  </td>
                  </tr>
                  <!-- view job modal -->
                  <div class="modal fade" id="RGN{{ $addj->id }}" role="dialog" tabindex="-1" aria-labelledby="RGNLabel" aria-hidden="true">
                    <div class="modal-dialog">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title" id="RGNLabel">{{ $addj->county }}</h5>
                        </div>
                        <div class="modal-body">
                          <div class="row">
                            <div class="col-md-3 ">
                              <div class="ViewCon">
                                <h6>Job type</h6>
                                <h5>{{ $addj->jobtype }}</h5>
                              </div>
                            </div>
                            <div class="col-md-3 ">
                              <div class="ViewCon">
                                <h6>Posted Date</h6>
                                <!-- <h5>12 September 200</h5> -->
                                <h5>{{ $addj->post_date }}</h5>
                              </div>
                            </div>
                            <div class="col-md-3 ">
                              <div class="ViewCon">
                                <h6>Reference ID</h6>
                                <h5>{{ $addj->ref_id }}</h5>
                              </div>
                            </div>
                            <div class="col-md-3 ">
                              <div class="ViewCon">
                                <h6>title</h6>
                                <h5> {{ $addj->county }}</h5>
                              </div>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-12">
                              <h6 class="overv">Overview</h6>
                              <h5 class="Desc"><div>{!! $addj->overview !!}</div></h5>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-12">
                                <h6 class="overvDes">Job Description</h6>
                                <!-- <div>{!! strip_tags($addj->job_descri) !!}</div> -->
                                <div>{!! $addj->job_descri!!}</div>
                            </div>
                          </div>
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                          <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- delete modal -->
                  <div class="modal fade" id="Deletejob{{ $addj->id }}" tabindex="-1" aria-labelledby="RGNLabel" aria-hidden="true">
                      <div class="modal-dialog">
                        <div class="modal-content">
                        <form method="POST" action="{{ route('delete.job',$addj->id) }}">
                          @csrf
                          <div class="modal-body">
                            <div class="row">
                                <h4>Are You Sure Want to Delete?</h4>
                                <input type="hidden" name="id" value="{{ $addj->id }}"/>
                            </div> 
                          </div>
                          <div class="modal-footer">
                          <input type="hidden" name="user" value="{{ session('user') }}">
                          <input type="hidden" name="ref_id" value="{{ $addj->ref_id }}"/>
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                            <input type="submit" class="btn btn-primary" name="del" value="Yes">
                          </div>
                          </form>
                        </div>
                      </div>
                    </div>
                 @endforeach 
                </tbody>
              </table>
             
          </div>
        </div>
      </div>
    </div>
  </section>
  {!! $addjob->links() !!}
</main><!-- End #main -->





@include('auth.footer')
<script type="text/javascript">
  $(document).ready(function() {
    $('.statuschange').on('click',function() {
      var status = $(this).attr('status');
      var id = $(this).attr('id');
      var url = $(this).attr('url');
      var token = $(this).attr('token');
      var user = $(this).attr('user');
      var ref_id = $(this).attr('ref_id');
      var statusvalue=2;
      if(status==2){ statusvalue=1; }
      //alert(url);
      $.ajax({
        type: 'POST',
        url: url,
        data: {
          'status': statusvalue,
          'id': id,
          'user':user,
          'ref_id':ref_id,
          _token   : token
        },
        success: function(data) {
        
         alert(data.response);
         location.reload();
        }
      });
    });
  }) 
</script>
<!-- <script>
  $( "#reset-btn" ).click(function() {
    $('#m_select2_3').val('').change();

    //setting specific value in select2
    $('#m_select2_3').val('1').change();
});
</script> -->