@extends('layouts.adminapp')
@section('content')
   {{-- Salary Package --}}
   <x-app-flash />

   <!-- DataTales Example -->
   <div class="card shadow mb-4">
      <div class="card-header py-3 ">
         <div class="row">
            <div class="col-lg-2 col-sm-6">
               <img width="100px" src="{{PBFunc::ImageLink(PBCon::STORAGE_LOCATION_IMAGE_StudentPhoto,$Student->photo)}}" />
            </div>
            <div class="col-lg-10 col-sm-6 pt-2">
                <h2 class="m-0 font-weight-bold text-uppercase">{{$Student->name}}</h2>
                <h6 class="m-0 font-weight-bold text-uppercase mt-3">
                    <i class="fas fa-phone-alt pr-2"></i> {{$Student->mobile}}
                    <i class="fas fa-map-marker-alt px-2" ></i>{{$Student->place}}
                </h6>
            </div>
         </div>
      </div>
      <div class="card-body">
         
         <div class="float-left">
            <h6 class="my-3 mx-0 font-weight-bold text-primary">{{__('lng.Documents')}}</h6>
        </div>

        <div class="float-right">
         <a  href="{{route('Student.show',$Student->id)}}" class="btn btn-primary btn-icon-split btn-sm">
             <span class="icon text-white-50">
               <i class="fas fa-arrow-left"></i>
             </span>
             <span class="text">{{__('lng.Back')}}</span>
         </a>
         <button class="btn btn-success btn-icon-split btn-sm" type="button" data-toggle="modal" data-target="#CreateDocument">
             <span class="icon text-white-50">
               <i class="fas fa-folder-plus"></i>
             </span>
             <span class="text">{{__('lng.AddDocument')}}</span>
         </button>
        </div>
         <div class="table-responsive">
            <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
               <thead>
                  <tr>
                     <th>{{ __('lng.SiNo') }}</th>
                     <th>{{ __('lng.Title') }}</th>
                     <th>{{ __('lng.DocumentNumber') }}</th>
                     <th>{{ __('lng.DocumentType') }}</th>
                     <th>{{ __('lng.Document') }}</th>
                     <th>{{ __('lng.Narration') }}</th>
                     <th>{{ __('lng.Action') }}</th>
                  </tr>
               </thead>
               <tbody>
                  @php $si=0; @endphp
                  @foreach ($StudentDocuments as $StudentDocument)
                     <tr>
                        <td>{{ ++$si }}</td>
                        <td>{{ $StudentDocument->title }}</td>
                        <td>{{ $StudentDocument->idnumber }}</td>
                        <td>{{ $StudentDocument->documenttype }}</td>
                        <td>{{ $StudentDocument->document }}</td>
                        <td>{{ $StudentDocument->narration }}</td>
                        <td>
                           <div class="d-flex flex-row align-items-center">
                              <span class="mr-3">
                                 <button type="button" data-toggle="modal" data-target="#EditDocument{{$StudentDocument->id}}"
                                    class="btn btn-primary btn-circle btn-sm" data-bs-toggle="tooltip"
                                    data-bs-placement="bottom" title="Edit">
                                    <i class="fas fa-pen"></i>
                                 </button>
                              </span>

                              <form method="POST" action="{{ route('StudentDocumentDelete') }}"
                                 Id="form-delete-{{ $StudentDocument->id }}">
                                 @csrf
                                 <input type="hidden" name="id" value="{{$StudentDocument->id}}">
                                 <a class="btn btn-danger btn-circle btn-sm mr-3" onclick="
                                       event.preventDefault();
                                       if(confirm('Are you sure delete this'))
                                       {
                                           document.getElementById('form-delete-{{ $StudentDocument->id }}').submit();
                                       }" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Delete">
                                    <i class="fas fa-trash"></i>
                                 </a>
                              </form>
                           </div>
                        </td>
                     </tr>
                  @endforeach
               </tbody>
            </table>
            <p class="mb-0">{{ $StudentDocuments->count() }} {{ __('lng.Items') }}</p>
         </div>
      </div>
      <div class="card-footer">
         {{ $StudentDocuments->links() }}
      </div>
   </div>


{{-- Create Document Modal --}}

   <div class="modal fade bd-example-modal-lg" id="CreateDocument" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
         <div class="modal-content">
            <div class="modal-header">
                  <h5 class="modal-title">{{__('lng.AddDocument')}} - {{$Student->name}}</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
            </div>
            <form method="POST" action="{{route('StudentDocumentCreate')}}" enctype='multipart/form-data'>
            @csrf
            <div class="modal-body">
                  <div class="row">
                     <input type="hidden" name="student_id" id="student_id" value="{{$Student->id}}">
                     <div class="col-sm-6 form-group">
                        <label for="txtName">{{__('lng.Title')}}</label>
                        <input type="text" class="form-control @error('title') is-invalid @enderror" name="title" id="txtName" required/>
                        @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
                     </div>
                     <div class="col-sm-6 form-group">
                        <label for="txtName">{{__('lng.DocumentNumber')}}</label>
                        <input type="text" class="form-control @error('idnumber') is-invalid @enderror" name="idnumber" id="txtName" required/>
                        @error('idnumber')<div class="invalid-feedback">{{ $message }}</div>@enderror
                     </div>
                     <div class="col-sm-6 form-group">
                        <label for="txtName">{{__('lng.DocumentType')}}</label>
                        <input type="text" class="form-control @error('documenttype') is-invalid @enderror" name="documenttype" id="txtName" required/>
                        @error('documenttype')<div class="invalid-feedback">{{ $message }}</div>@enderror
                     </div>
                     <div class="col-sm-6 form-group">
                        <label for="filePhoto">{{__('lng.Document')}}</label>
                        <input type="file" class="form-control-file" name="document1" id="filePhoto" required>
                     </div>
                     <div class="col-sm-12 form-group">
                        <label for="txtName">{{__('lng.Narration')}}</label>
                        <input type="text" class="form-control" name="narration" id="txtNarration"/>
                     </div>
                  </div>
            </div>
            <div class="modal-footer">
                  <button type="button" class="btn btn-secondary btn-icon-split mr-2" data-dismiss="modal">
                     <span class="icon text-white-50">
                        <i class="fas fa-times"></i>
                     </span>
                     <span class="text">{{__('lng.Close')}}</span>
                  </button>
                  <button type="submit" class="btn btn-success btn-icon-split">
                     <span class="icon text-white-50">
                        <i class="fas fa-check"></i>
                     </span>
                     <span class="text">{{__('lng.Save')}}</span>
                  </button>
            </div>
            </form>
         </div>
      </div>
   </div>

   {{-- Create Edit Modal --}}

   @foreach ($StudentDocuments as $StudentDocument)
   <div class="modal fade bd-example-modal-lg" id="EditDocument{{$StudentDocument->id}}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
         <div class="modal-content">
            <div class="modal-header">
                  <h5 class="modal-title">{{__('lng.EditDocument')}} - {{$Student->name}}</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
            </div>
            <form method="POST" action="{{route('StudentDocumentEdit')}}" enctype='multipart/form-data'>
            @csrf
            <div class="modal-body">
                  <div class="row">
                     <input type="hidden" name="id" id="id" value="{{$StudentDocument->id}}">
                     <div class="col-sm-6 form-group">
                        <label for="txtName">{{__('lng.Title')}}</label>
                        <input type="text" value="{{$StudentDocument->title}}" class="form-control @error('title') is-invalid @enderror" name="title" id="txtName" required/>
                        @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
                     </div>
                     <div class="col-sm-6 form-group">
                        <label for="txtName">{{__('lng.DocumentNumber')}}</label>
                        <input type="text" value="{{$StudentDocument->idnumber}}" class="form-control @error('idnumber') is-invalid @enderror" name="idnumber" id="txtName" required/>
                        @error('idnumber')<div class="invalid-feedback">{{ $message }}</div>@enderror
                     </div>
                     <div class="col-sm-6 form-group">
                        <label for="txtName">{{__('lng.DocumentType')}}</label>
                        <input type="text" value="{{$StudentDocument->documenttype}}" class="form-control @error('documenttype') is-invalid @enderror" name="documenttype" id="txtName" required/>
                        @error('documenttype')<div class="invalid-feedback">{{ $message }}</div>@enderror
                     </div>
                     <div class="col-sm-6 form-group">
                        <label for="filePhoto">{{__('lng.Document')}}</label>
                        <input type="file" class="form-control-file" name="document1" id="filePhoto" >
                     </div>
                     <div class="col-sm-12 form-group">
                        <label for="txtName">{{__('lng.Narration')}}</label>
                        <input type="text" value="{{$StudentDocument->narration}}" class="form-control" name="narration" id="txtNarration"/>
                     </div>
                  </div>
            </div>
            <div class="modal-footer">
                  <button type="button" class="btn btn-secondary btn-icon-split mr-2" data-dismiss="modal">
                     <span class="icon text-white-50">
                        <i class="fas fa-times"></i>
                     </span>
                     <span class="text">{{__('lng.Close')}}</span>
                  </button>
                  <button type="submit" class="btn btn-success btn-icon-split">
                     <span class="icon text-white-50">
                        <i class="fas fa-check"></i>
                     </span>
                     <span class="text">{{__('lng.Save')}}</span>
                  </button>
            </div>
            </form>
         </div>
      </div>
   </div>
   @endforeach

@endsection