@extends('admin.layouts.master')
@section('content')
@if(session('success'))
    <div class="alert alert-success">{{session('success')}}</div>
@endif
    <section class="section">
      <div class="section-body">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        {{-- <div class="card-header">
                            <h4>Export Table</h4>
                        </div> --}}
                        <div class="card-body">
                            <div class="table-responsive">
                                <div id="tableExport_wrapper"
                                    class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
                                    {{-- <div class="dt-buttons btn-group"> <button
                                            class="btn btn-secondary buttons-copy buttons-html5" tabindex="0"
                                            aria-controls="tableExport"><span>Copy</span></button> <button
                                            class="btn btn-secondary buttons-csv buttons-html5" tabindex="0"
                                            aria-controls="tableExport"><span>CSV</span></button> <button
                                            class="btn btn-secondary buttons-excel buttons-html5" tabindex="0"
                                            aria-controls="tableExport"><span>Excel</span></button> <button
                                            class="btn btn-secondary buttons-pdf buttons-html5" tabindex="0"
                                            aria-controls="tableExport"><span>PDF</span></button> <button
                                            class="btn btn-secondary buttons-print" tabindex="0"
                                            aria-controls="tableExport"><span>Print</span></button> </div> --}}
                                    {{-- <div id="tableExport_filter" class="dataTables_filter"><label>Search:<input
                                                type="search" class="form-control form-control-sm" placeholder=""
                                                aria-controls="tableExport"></label></div> --}}
                                    <table class="table table-striped table-hover dataTable no-footer" id="tableExport"
                                        style="width:100%;" role="grid" aria-describedby="tableExport_info">
                                        <thead>
                                            <tr role="row">
                                                <th class="sorting_asc" tabindex="0" aria-controls="tableExport"
                                                    rowspan="1" colspan="1" aria-sort="ascending"
                                                    aria-label="Name: activate to sort column descending"
                                                    style="width: 147.281px;">Created Date</th>
                                                <th class="sorting" tabindex="0" aria-controls="tableExport"
                                                    rowspan="1" colspan="1"
                                                    aria-label="Position: activate to sort column ascending"
                                                    style="width: 239.922px;">First Name</th>
                                                    
                                                    <th class="sorting" tabindex="0" aria-controls="tableExport"
                                                    rowspan="1" colspan="1"
                                                    aria-label="Office: activate to sort column ascending"
                                                    style="width: 105.938px;">Last Name</th>
                                                    <th class="sorting" tabindex="0" aria-controls="tableExport"
                                                    rowspan="1" colspan="1"
                                                    aria-label="Office: activate to sort column ascending"
                                                    style="width: 105.938px;">Email</th>
                                                    
                                                    <th class="sorting" tabindex="0" aria-controls="tableExport"
                                                    rowspan="1" colspan="1"
                                                    aria-label="Office: activate to sort column ascending"
                                                    style="width: 105.938px;">Action</th>
                                                {{-- <th class="sorting" tabindex="0" aria-controls="tableExport"
                                                    rowspan="1" colspan="1"
                                                    aria-label="Age: activate to sort column ascending"
                                                    style="width: 122.0312px;">Description</th> --}}
                                                {{-- <th class="sorting" tabindex="0" aria-controls="tableExport"
                                                    rowspan="1" colspan="1"
                                                    aria-label="Start date: activate to sort column ascending"
                                                    style="width: 103.016px;">Start date</th>
                                                <th class="sorting" tabindex="0" aria-controls="tableExport"
                                                    rowspan="1" colspan="1"
                                                    aria-label="Salary: activate to sort column ascending"
                                                    style="width: 88.8125px;">Salary</th> --}}
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($trusted as $trustedd)
                                                <tr role="row" class="odd">
                                                    <td class="sorting_1">
                                                        {{ \Carbon\Carbon::parse($trustedd->created_at->toDateString())->format('m/d/Y') }}
                                                    </td>
                                                    <td>{{$trustedd->first_name}}</td>
                                                    <td>{{$trustedd->last_name}}</td>
                                                    <td><a href="https://outlook.office.com/mail/" target="_blank">{{$trustedd->email}}</a></td>
                                                    
                                                    <td>
                                                        <a href="{{route('admin.detail',['id'=>$trustedd->id])}}" class="btn btn-success">View</a>
                                                        {{-- <button type="button" class="btn btn-primary edit" data-id="{{$trustedd->id}}" >Assign</button> --}}
                                                    </td>
                                                </tr>
                                            @endforeach

                                           
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</section>

{{-- Modal --}}
<div class="modal fade" id="basicModal" 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">Update</h5>
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="modal-body">
        <form action="{{route('admin.trusted.update')}}" method="post">
          @csrf
          <div class="form-group">
              <label>Select Status</label>
              <div class="input-group">
                <input type="hidden" name="id" class="id" value="">
                <select name="status" class="form-control status" required>
                    <option value="approve">Approve</option>
                    <option value="disapprove">Disapprove</option>
                </select>
              </div>
          </div>
        </div>
    <div class="modal-footer bg-whitesmoke br">
        
      <button type="submit" class="btn btn-primary">Update</button>
  </form>

    </div>
  </div>
</div>
</div>
{{-- End Modal --}}
@endsection
@section('scripts')
<script>
    $(document).on("click",".edit",function(){
    id=$(this).data("id");
    $.get('edit-trusted/'+id,function(trusted){
    // console.log(cat);
    $('.id').val(trusted.id);
    $('.status').val(trusted.is_type);
    $(".edit-message").html("");
    $('#basicModal').modal('show');
  });
})
</script>
    
@endsection