@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">
                                      <p><span class="text_p">Name :</span> {{$data->child_name}} </p>
                                      <p><span class="text_p">Category:</span> {{$data->category}} <br><span class="text_p">Age:</span>:</span> {{$data->age}}</p>

                                      <p><span class="text_p">Video File Paths:</span>
                                        
                      @if($data->uploaded_file)
                        <div>
                          <a href="{{ $data->uploaded_file }}" target="_blank">
                            Uploaded File
                          </a>
                        </div>
                      @endif

                      @if($data->recorded_file)
                        <div>
                          <a href="{{ $data->recorded_file }}" target="_blank">
                            Recorded File
                          </a>
                        </div>
                      @endif

                     
                      @if($data->images)
                        <div>
                          <a href="/participations/family-images/{{$data->id}}" target="_blank">
                            Family Images
                          </a> 
                        </div>
                      @endif

                                      </p>
                                    </div>

                                    <div class="col-md-6">
                                      <p><span class="text_p">Parent's Details :</span> 
                                        Name: {{$data->fname}} {{$data->lname}} <br>
                                        Email: {{$data->email}}<br>
                                        Phone: {{$data->phone}}
                                      </p>
                                      
                                    </div>

                                  </div>
                                 
                                
                                  <div class="row">
                                    <div class="col-md-6">
                                      <label for="">Status</label>
                                        <select name="status" id="" class="form-control" >
                                          <option value="">Select one</option>
                                          <option value="Accepted">Accepted</option>
                                          <option value="Cancel">Cancel</option>
                                        </select>
                                    </div>

                                    <div class="col-md-6">
                                      <label for="">Score</label>
                                        <select name="score" id="" class="form-control" >
                                          <option value="">Select score</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                            <option value="6">6</option>
                                            <option value="7">7</option>
                                            <option value="8">8</option>
                                            <option value="9">9</option>
                                            <option value="10">10</option>
                                        </select>
                                    </div>
                                    
                                  </div>  
                                 
                                    <div class="form-group mb-3">                    
                                      <label class="form-check-label" for="exampleCheck1">
                                      Active <input type="checkbox" name="active" checked class="form-check-input" id="exampleCheck1">
                                    </label>
                                    
                                    </div>

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

                      <br>
                      <input type="hidden" name="id" value="{{$data->id}}">
                      <button type="submit" style="margin-left: 20px;" class="btn btn-primary">Update</button>
                      <button type="button" class="btn btn-default">Cancel</button>
                    </form>
                    
                 </div>
                </div>
              </div>
            </div>           
          </div>
        </div>

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