@extends('admin.layout.app')
@section('content')
<div class="main-panel">
<div class="content">
   <div class="page-inner element-1">

      <div class="row">
         <div class="col-md-12">
            <div class="card">
               <div class="card-header d-flex"style="justify-content: space-between;">
                  <h4 class="card-title">Our Team</h4>
                  <div>

                  <button type="button" class="btn btn-primary "data-toggle="modal" data-target="#exampleModalCenter1"><b><i class="fa fa-plus"></i> Add Our Team</b></button>
                  </div>

               </div>
               <div class="card-body element-2">
                  <div class="table-responsive">
                     <table id="basic-datatables" class="display table table-striped table-hover">
                        <thead>
                           <tr>
                              <th>S.No.</th>
                              <th>Name</th>
                              <th>Designation</th>
                              <th>Image</th>
                              <th>Status
                              <th>Action</th>
                           </tr>
                        </thead>
                        <tbody>
                            @php $sr = 1 @endphp

                           @forelse($lists as $list)
                           <tr>
                              <td>{{ $sr++ }}</td>
                              <td>{{$list->name ?? ''}}</td>
                              <td>{{$list->designation ?? ''}}</td>
                              <td>
                                 <img src="{{ $list->image ? asset($list->image) : asset('notImage.jpg') }}" width="auto" height="50" alt="icon Image">
                              </td>
                                <td>
                                                        @if($list->status == 1)
                                                            <span class="text-success">Active</span>
                                                        @else
                                                            <span class="text-danger">Inactive</span>
                                                        @endif
                                                    </td>
                              <td>
                                 <div class="form-button-action">
                                    <button type="button" data-href="{{ route('edit_our_team',[$list->id]) }}" class="btn  btn-primary btn-sm mr-1 edit_model" data-toggle="modal" data-target="#edit_model" title="Edit"><i class="fa fa-edit"></i>
                                    </button>

                                       <button type="button" @if($list->status == 1)
                                                            class="btn btn-danger btn-xs mr-2" id="deactivate" @else
                                                                class="btn btn-success btn-xs mr-2" id="activate" @endif
                                                                href="{{ url('admin/status-our_team')}}/{{base64_encode($list->id)}}">@if($list->status == 1)
                                                                    <i class="fa fa-lock" aria-hidden="true" title="In Active"></i>
                                                                @else <i class="fa fa-unlock" aria-hidden="true"
                                                                title="Active"></i> @endif</button>

                                    <button id="delete" href="{{ route('delete_our_team',[$list->id]) }}" class="btn btn-danger btn-sm jsgrid-delete-button" type="button" title="Delete"><i class="fa fa-trash"></i>
                                    </button>
                                 </div>
                              </td>
                           </tr>
                           @empty

                           @endforelse
                     </table>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="modal fade" id="exampleModalCenter1" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true" data-toggle="modal" data-backdrop="static" data-keyboard="false">
   <div class="modal-dialog modal-dialog-centered" role="document" >
      <div class="modal-content bg-dark">
         <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLongTitle">Add Our Team</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('store_our_team') }}" method="post" id="formSubmit" enctype="multipart/form-data" >
            @csrf

               <div class="form-group">
                  <label for="" class="text-white">Name<span style="color:red;">*</span></label>
                  <input type="text" class="form-control" name="name" placeholder="Name" required>
               </div>
               <div class="form-group">
                  <label for="" class="text-white">Designation<span style="color:red;">*</span></label>
                  <input type="text" class="form-control" name="designation" placeholder="Designation" required>
               </div>
               <div class="form-group element">
                  <label for="" class="text-white">Image<span style="color:red;">*</span></label>
                  <input type="file" name="image" class="form-control" onchange="return validate_fileupload(this)" accept=".png,.jpg,.jpeg,.webp" >
               </div>

               <!-- Social Media Links -->

                <div class="form-group">
                    <label>Facebook URL</label>
                    <input type="url" class="form-control" name="facebook" placeholder="Enter Facebook URL" value="{{ $data->facebook ?? '' }}">
                </div>


                <div class="form-group">
                    <label>Twitter URL</label>
                    <input type="url" class="form-control" name="twitter" placeholder="Enter Twitter URL" value="{{ $data->twitter ?? '' }}">
                </div>


                <div class="form-group">
                    <label>Instagram URL</label>
                    <input type="url" class="form-control" name="instagram" placeholder="Enter Instagram URL" value="{{ $data->instagram ?? '' }}">
                </div>


                <div class="form-group">
                    <label>LinkedIn URL</label>
                    <input type="url" class="form-control" name="linkedin" placeholder="Enter LinkedIn URL" value="{{ $data->linkedin ?? '' }}">
                </div>

               <div class="float-right mt-2">
                  <button type="button btn-light" class="btn btn-light" data-dismiss="modal">Close</button>
                  <button type="submit" name="Submit"  id="loderButton"  class="btn btn-primary px-5 rounded-0 btn-size-cus"><i class="fa fa-spinner fa-pulse fa-fw" id="loderIcon" style="display:none;"></i>Save</button>
               </div>
            </form>
         </div>
      </div>
   </div>
</div>
@endsection