@extends('admin.master')
@section('main_content')    

<style>
  .text_p{
    font-size: 16px;
    font-weight: 600;
  }
</style>
<div class="col-4 col-xl-4 page-title">
  <h4 class="f-w-700">Edit Page Content</h4>
  <nav>
    <ol class="breadcrumb justify-content-sm-start align-items-center mb-0">
      <li class="breadcrumb-item"><a href="index.html"> <i data-feather="home"> </i></a></li>
      <li class="breadcrumb-item f-w-400">Dashboard</li>
      <li class="breadcrumb-item f-w-400 active">Participations</li>
    </ol>
  </nav>
</div>
@include('admin._nav_top')

<div class="page-body">
  <!-- Container-fluid starts-->
  <div class="container-fluid">
    <div class="edit-profile">
      <div class="row">

        <div class="row mt-3">
          <div class="col-12">
            <div class="card dcard">
              <div class="card-body px-1 px-md-3">                                   
                <div role="main" class="main-content">         
                  <div class="page-content container container-plus">               
      
                    <form action="/update_participation" method="post" enctype="multipart/form-data">
                      @csrf

                      <!-- Tab Content starts-->
                      <div class="container-fluid">
                        <div class="row project-cards">
                          <div class="col-md-12 project-list">
                            <div class="card">
                              <div class="row">
                               
                                


                                <div class="col-md-6">
                                  <ul class="nav nav-tabs border-tab" id="top-tab" role="tablist">
                                   
 
                                   </ul>
                                 </div>
                                 <div class="col-md-6">                    
                                  <div class="form-group mb-0 me-0"></div><a class="btn btn-primary" href="/participations"> <i data-feather="plus-square"> </i>All Participations</a>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="col-sm-12">
                            <div class="card">
                              <div class="card-body">
                                <div class="tab-content" id="top-tabContent">
                                  <div class="tab-pane fade show active" id="first-tab" role="tabpanel" aria-labelledby="first-tab-tab">

                                  
                                  <div class="row">
                                    <div class="col-md-6">
                                      @php
                                          $user = DB::table('users')->where('id', $data->user_id)->first();
                                      @endphp 
                                      <p><span class="text_p">Family Name :</span> {{$data->family_name}} </p>
                                    
                                    </div>                                  
                                  </div>
                                 
                                  <br>
                                
                                  <div class="row">
                                   
                                    @if($data->images)
                                    @php
                                      $familyImages = explode(',', $data->images);
                                    @endphp
              
                                    <div>
                                      @foreach($familyImages as $image)
                                        <a href="{{ $image }}" target="_blank">
                                           <img src="{{ $image }}" alt="Family Image" width="100%" class="mt-5" />
                                         </a>
                                      @endforeach
                                    </div>  
                                    @endif
                                    
                                  </div>  
                                 
                                  

                                  </div>
                                  
                                  
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- Tab Content Ends-->

                      <a href="/participations" class="btn btn-default">Cancel</a>
                     
                    </form>
                    
                 </div>
                </div>
              </div>
            </div>           
          </div>
        </div>

      </div>
    </div>
    </div>
  </div>
 
@endsection