@extends('admin.layouts.app')
@section('content')
          <div class="page-inner">
            <div class="page-header">
              <h3 class="fw-bold mb-3">Series</h3>
              <ul class="breadcrumbs mb-3">
                <li class="nav-home">
                  <a href="#">
                    <i class="icon-home"></i>
                  </a>
                </li>
                <li class="separator">
                  <i class="icon-arrow-right"></i>
                </li>
                <li class="nav-item">
                  <a href="#">Series</a>
                </li>
               
              </ul>
            </div>
            <div class="row">
              <div class="col-md-12">
                <div class="card">
                  @if(session('message')) 
                    <div class="alert alert-success"> {{ session('message') }} </div> 
                  @endif
                  <form action="{{route('admin.series.store')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="card-header">
                      <div class="card-title">Add Series</div>
                    </div>
                    <div class="card-body">
                      <div class="row">
                        <div class="col-md-6 col-lg-6">
                          
                          <div class="form-group form-inline">
                            <label
                              for="name"
                              class="col-md-3 col-form-label"
                              >Series</label
                            >
                            <div class="col-md-12 p-0">
                              <select
                                    class="form-select form-control"
                                    id="name" name="name"
                                >
                                  @foreach($get_series as $series)                                    
                                    <option value="{{ $series->id }}">{{ $series->series_name }}</option>
                                  @endforeach
                                </select>
                            </div>
                             @error('name')
                              <div class="text text-danger"> {{ $message }} </div>
                              @enderror
                               @error('slug')
                              <div class="text text-danger"> {{ $message }} </div>
                              @enderror
                          </div> 
                         
                          
                          <div class="form-group">
                            <label for="description">Description</label>
                            <textarea class="form-control" id="description" name="description" rows="5">
                            </textarea>
                            @error('description')
                            <div class="text text-danger">{{ $message }}</div>
                            @enderror
                          </div>                         
                          
                        
                        </div>
                        <div class="col-md-6 col-lg-12">                      
                          
                          <div class="form-group">
                            <label for="image"
                              >Image</label
                            >
                            <input
                              type="file"
                              class="form-control"
                              id="image"
                              name="image"
                            />
                            @error('image')
                            <div class="text text-danger">{{ $message }}</div>
                            @enderror
                          </div>           
                                              
                          
                        </div>    
                        <div class="col-md-6 col-lg-12">                      
                          
                          <div class="form-group">
                            <label for="video"
                              >Video</label
                            >
                            <input
                              type="file"
                              class="form-control"
                              id="video"
                              name="video"
                            />
                            @error('video')
                            <div class="text text-danger">{{ $message }}</div>
                            @enderror
                          </div>           
                                              
                          
                        </div> 
                        <div class="col-md-6 col-lg-12">                      
                          
                          <div class="form-group">
                            <label for="ppt"
                              >PPT</label
                            >
                            <input
                              type="file"
                              class="form-control"
                              id="ppt"
                              name="ppt"
                            />
                            @error('ppt')
                            <div class="text text-danger">{{ $message }}</div>
                            @enderror
                          </div>           
                                              
                          
                        </div>                   
                      </div>
                    </div>
                    <div class="card-action">
                      <button class="btn btn-success">Submit</button>
                      <!-- <button class="btn btn-danger">Cancel</button> -->
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
          <script
    src="{{ asset('js/tinymce/tinymce.min.js') }}"
    referrerpolicy="origin"
    crossorigin="anonymous">
</script>
<script>
  tinymce.init({
    selector: 'textarea#description', // Replace this CSS selector to match the placeholder element for TinyMCE
    license_key: 'gpl',
    plugins: 'code table lists',
    toolbar: 'undo redo | blocks | bold italic | alignleft aligncenter alignright | indent outdent | bullist numlist | code | table'
  });
</script>
@endsection