@extends('admin/layout')
@section('page_title','Manage Content Upload')
@section('content_upload_select','active')
@section('container')

@if($id>0)
   @php
      $image_required="";
   @endphp
   @else
   @php
      $image_required="required";
   @endphp
@endif
    <h1 class="mb10">Manage Video Upload</h1>
    <a href="{{url('admin/content_upload')}}">
        <button type="button" class="btn btn-success">
            Back
        </button>
    </a>
    <div class="row m-t-30">
        <div class="col-md-12">
            <form action="{{route('content_upload.manage_content_upload_process')}}" method="post" enctype="multipart/form-data" id="contentUpload">
        <div class="row">
<div class="col-lg-12">
<div class="card">
    <div class="card-body">
    @csrf
    <div class="form-group">
        <div class="row">
            <div class="col-md-4">
        <label for="class_id" class="control-label mb-1">Class</label>
       <select id="class_id" name="class_id" type="text" class="form-control chapter_class_id {{$sdisable}}" aria-invalid="false" {{$readonly}}  >
           <option value="">Select Class</option>
           @foreach($class as $list)
           @if($class_id==$list->id)
            <option selected value="{{$list->id}}">
                @else
                @if($id=='')
                <option  value="{{$list->id}}" selected >
                @endif
                @endif
                {{$list->class_name}}</option>
            @endforeach
       </select>
   </div>

    <div class="col-md-4">
      <label for="subject_id" class="control-label mb-1"> Subject</label>
      <select id="subject_id" name="subject_id" class="form-control chapter_sub_id {{$sdisable}}" aria-invalid="false" {{$readonly}} >
         <option value="">Select Subject</option>
         @foreach($subjects as $list)
         @if($subject_id==$list->id)
         <option selected value="{{$list->id}}">
            @else
            @if($id=='')
         <option value="{{$list->id}}">
            @endif
            @endif
            {{$list->subject}}
         </option>
         @endforeach
      </select>
   </div>

    <div class="col-md-4">
              <label for="model" class="control-label mb-1"> Chapter Name</label>
              <select id="chapter_id" name="chapter_id" class="form-control {{$sdisable}}" {{$readonly}} >
                 <option value="">Select Chapter</option>
                 @foreach($chapters as $list)
                 @if($chapter_id==$list->id)
                 <option selected value="{{$list->id}}">
                    @else
                 <option value="{{$list->id}}">
                    @endif
                    {{$list->chapter}}
                 </option>
                 @endforeach
              </select>
           </div>
       </div>
    </div>

<div class="form-group">
    <div class="row">
     <div class="col-md-4">
     <label for="syllabus" class="control-label mb-1">Syllabus</label>
        <input id="syllabus" name="syllabus" type="text" class="form-control" aria-invalid="false" value="{{$syllabus}}">
    </div>

    <div class="col-md-4">
        <label for="name" class="control-label mb-1"> Video Name (Creates Folder)</label>
        <input id="name" name="content_name" type="text" class="form-control {{$sdisable}}" {{$readonly}} aria-required="true" aria-invalid="false" value="{{$name}}" autocomplete="name">
        <span id="error_name"></span>
    </div>

    <div class="col-md-4">
     <label for="chapter_order" class="control-label mb-1">Video Order</label>
        <input id="chapter_order" value="{{$chapter_order}}" name="chapter_order" type="text" class="form-control" aria-required="true" aria-invalid="false" >
    </div>

</div>
</div>

<div class="form-group">
    <label for="short_desc" class="control-label mb-1">Short Description</label>
    <textarea id="short_desc" name="short_desc" type="text" class="form-control" aria-invalid="false" >{{$description}}</textarea>
</div>

<div class="form-group">
    <label for="desc" class="control-label mb-1">Long Description</label>
    <textarea id="desc" name="desc" type="text" class="form-control" aria-invalid="false" >{{$full_description}}</textarea>
</div>

<div class="form-group">
    <div class="row">
        <div class="col-md-4">
            <label for="content_html" class="control-label mb-1">Content HTML</label>
            <input id="content_html" name="content_html" type="file" class="form-control" aria-required="true" aria-invalid="false" {{$image_required}}>
             @error('content_html')        
             <div class="alert alert-danger" role="alert">
                {{$message}}
            </div>
            @enderror
            @if($content_html!='')
               {{$content_html}}
            @endif
        </div>
   
        <div class="col-md-4">
            <label for="content_folder" class="control-label mb-1">Content Folder</label>
            <!-- <input id="content_folder" name="content_folder" type="file" class="form-control" aria-required="true" aria-invalid="false" {{$image_required}}> -->
            <input type="file" name="files[]" id="files" multiple directory="" webkitdirectory="" moxdirectory="" class="form-control" aria-required="true" aria-invalid="false" {{$image_required}} />
             @error('content_folder')        
             <div class="alert alert-danger" role="alert">
                {{$message}}
            </div>
            @enderror
            @if($content_folder!='')
            {{$content_folder}}
            @endif
        </div>
    </div>
</div>
<div class="form-group">
    <div class="row">
        <div class="col-md-4">
            <label for="video_image" class="control-label mb-1">Video Image</label>
            <input id="video_image" name="video_image" type="file" class="form-control">
            @if($video_image!='') 
            <img src="{{asset($content_folder.'/'.$video_image)}}" alt="{{$video_image}}" height="150px;" width="70px;" style="border: 1px #ddf solid; margin-top: 5px;">
               {{$video_image}}
            @endif
        </div>
    </div>

    </div>


<div class="form-group">
    <div class="row">
        <div class="col-md-4">
            <label for="alternate_content_html" class="control-label mb-1">Alternate Content HTML</label>
            <input id="alternate_content_html" name="alternate_content_html" type="file" class="form-control" aria-required="true" aria-invalid="false" {{$image_required}}>
             @error('alternate_content_html')        
             <div class="alert alert-danger" role="alert">
                {{$message}}
            </div>
            @enderror
            @if($alternate_content_html!='')
               {{$alternate_content_html}}
            @endif
        </div>

        <div class="col-md-4">
            <label for="alternate_content_folder" class="control-label mb-1">Alternate Content Folder</label>
            <input type="file" name="alternate_files[]" id="alternate_files" multiple directory="" webkitdirectory="" moxdirectory="" class="form-control" aria-required="true" aria-invalid="false" {{$image_required}}/>
             @error('content_folder')        
             <div class="alert alert-danger" role="alert">
                {{$message}}
            </div>
            @enderror
            @if($alternate_content_folder!='')
            {{$alternate_content_folder}}
            @endif
        </div>
    </div>
</div>

<div class="form-group">
        <div class="row">
    <div class="col-md-8">
     <label class="radio-inline control-label">Video Levels</label>
     <br>
        @foreach($levels as $key3=>$llist)
        <div class="custom-control custom-radio custom-control-inline">
          <input type="radio" class="custom-control-input" id="forBoard{{$key3}}" name="for_level" value="{{$llist->id}}" checked >
          <label class="custom-control-label" for="forBoard{{$key3}}">{{$llist->level_name}}</label>
        </div>
        @endforeach 
    </div>
    </div>
</div>

</div>
</div>
</div>
            </div>     

             <div class="position-relative form-check">
                <button id="content-upload-submit" type="submit" class="mt-2 btn btn-primary pull-left">
                    Submit
                </button>
            </div>
<input type="hidden" name="id" class="videoEditId" value="{{$id}}">
</form>

        </div>
    </div>
                        
@endsection