@extends('partner.layouts.admin_layout')
@section('content_header')
<div class="row mb-2">
    <div class="col-sm-6">
        <h1 class="m-0 text-dark">Account <span class="text-danger ml-4" style="font-size: 15px;"><strong>{{ Session::get('error_msg') }}</strong> </span><span class="text-success ml-4" style="font-size: 15px;"><strong>{{ Session::get('succ_msg') }}</strong> </span></h1>
    </div><!-- /.col -->
    <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item"><a href="{{ route('Admin.dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item active">Profile</li>
        </ol>
    </div>
    <div class="col-sm-12">
      <ol class="breadcrumb float-sm-right">
         <a class="btn btn-primary"  href="{{ route('Admin.question.create') }}">Add Question</a>
      </ol>
   </div>
</div>
@endsection
@section('main_content')
<div class="container-fluid">
  <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-body table-responsive p-0">
              <table class="table table-hover text-nowrap">
                <thead class="bg-dark">
                  <tr>
                    <th>Profile ID</th>
                    <th>Name</th>
                    <th>List Name</th>
                    <th>Question and Service</th>
                    <th>Action</th>
                  </tr>
                </thead>
                                  
                <tbody>
                  @foreach($datas as $data)                 
                  <tr>
                    <td>{{$slno}}</td>
                    <td>{{ $data->name }}</td>
                    <td>{{ $data->list_name }}</td>
                    <td>
                      <div class="list-icons">
                        <a class="badge btn bg-primary"href="#" data-toggle="modal" data-target="#confirm-attach{{$data->id}}" class="badge bg-danger">Attach</a>
                        <div class="modal fade" id="confirm-attach{{$data->id}}" role="dialog" style="text-align: left;">
                          <div class="modal-dialog" style="width: 35%;">
                            <!-- Modal content-->
                            <div class="modal-content">
                              <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <h4 class="modal-title">Pick Services</h4>
                              </div>
                              <div class="modal-footer">
                                <Form method ="post" Action="{{url('Admin/questionService/'.$data->id)}}">                                 
                                  @csrf
                                  @method('PUT') 
                                  <fieldset>
                                   <p> <label>Select Services :</label> </p>
                                   @php 
                                    $selected_service = [];
                                    foreach($data->service as $servi){
                                            array_push($selected_service, $servi->id);
                                            }
                                   @endphp
                                   @for($i = 0; $i < count($service); $i++)
                                    {{ $service[$i]->service_name }}
                                    <input type="checkbox"  id="services" name="services[]" value="{{$service[$i]->id}}" {{ in_array($service[$i]->id, $selected_service ) == 1 ? 'checked' : '' }}> <br>                                 
                                    @endfor
                                  </fieldset>                                 
                                  <button class="btn btn-success pull-right" type="submit" >Submit</button>
                                </Form>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </td>
                    <td>
                      <div class="list-icons">
                        <a class="badge bg-primary"href="#" data-toggle="modal" data-target="#confirm-edit{{$data->id}}" class="badge bg-danger">Edit</a>
                        <div class="modal fade" id="confirm-edit{{$data->id}}" role="dialog" style="text-align: left;">
                          <div class="modal-dialog" style="width: 35%;">
                            <!-- Modal content-->
                            <div class="modal-content">
                              <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <h4 class="modal-title">Edit Question</h4>
                              </div>
                              <div class="modal-footer">
                                <Form method ="post" Action="{{url('Admin/question/'.$data->id)}}">                                 
                                  @csrf
                                  @method('PUT')
                                  <input type='text' name="name" value="{{$data->name}}" >
                                  <input type='text' name="list_name" value="{{$data->list_name}}" >
                                  <button class="btn btn-success pull-right" type="submit" >Submit</button>
                                  <button type="button" class="btn btn-default btn-fill btn-sm" data-dismiss="modal">Cancel</button>
                                </Form>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </td>
                  </tr>
                    
                  @endforeach
                </tbody>
              </table>                            
              </div>              
            </div>            
          </div>
        </div>        
</div>

@endsection