@extends('backend.admin-master')
@section('site-title')
    {{__('Dashboard')}}
@endsection
@section('content')
  @if(session()->has('message'))
    <div class="alert alert-success">
        {{ session()->get('message') }}
    </div>
@endif
          <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->

            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Admin / Events /</span> Upload Event</h4>

              <div class="row">
                <div class="col-md-12">
                  
                  <div class="card mb-4">
                    
                    
                    <hr class="my-0" />
                    <div class="card-body">
                      <form action="{{ route('superadmin.event_upload')}}"  enctype="multipart/form-data" method="POST">
                          @csrf
                        <div class="row">
                          <div class="d-flex align-items-start align-items-sm-center gap-4">
                        <img
                          src="{{asset('assets/dashboard/assets/img/elements/img.jpg')}}"
                          alt="user-avatar"
                          class="d-block rounded"
                          height="100"
                          width="100"
                          id="uploadedAvatar"
                        />
                        <div class="button-wrapper">
                          <label for="upload" class="btn btn-primary me-2 mb-4" tabindex="0">
                            <span class="d-none d-sm-block">Upload new Banner</span>
                            <i class="bx bx-upload d-block d-sm-none"></i>
                            <input
                              type="file"
                              id="upload"
                              name="image"
                              class="account-file-input"
                              hidden
                              accept="image/png, image/jpeg"
                            />
                          </label>
                          <button type="reset" class="btn btn-outline-secondary account-image-reset mb-4" onclick="resetform();">
                            <i class="bx bx-reset d-block d-sm-none"></i>
                            <span class="d-none d-sm-block">Reset</span>
                          </button>

                          <p class="text-muted mb-0">Allowed JPG, GIF or PNG. Max size of 800K</p>
                        </div>
                      </div>
                      <hr class="my-4" />
              <div class="mb-3 col-md-6">
                            <label for="firstName" class="form-label">Event Topic<sup style="color:red;">*</sup></label>
                            <input
                              class="form-control"
                              type="datetime"
                              id="firstName"
                              name="topic"
                              value="{{old('topic')}}"
                              
                 placeholder=""
                              autofocus
                            />
                          </div>
              <div class="mb-3 col-md-6">
                            <label for="firstName" class="form-label">Guest Speaker<sup style="color:red;">*</sup></label>
                            <input
                              class="form-control"
                              type="datetime"
                              id="firstName"
                              name="speaker"
                              value="{{old('speaker')}}"
                 placeholder=""
                              autofocus
                            />
                          </div>
               <div class="mb-3 col-md-6">
                            <label for="address" class="form-label">Event Link</label>
                            <input type="text" class="form-control" id="address" name="link" placeholder="" value="{{old('link')}}"/>
                          </div>
              <div class="mb-3 col-md-6">
                            <label for="address" class="form-label">Event Date<sup style="color:red;">*</sup></label>
                            <input type="date" class="form-control" id="address" name="event_date" placeholder="" value="{{old('event_date')}}"/>
                          </div>
              <div class="mb-3 col-md-6">
                            <label for="firstName" class="form-label">Event Type<sup style="color:red;">*</sup></label>
                            <div class="col-sm-12">
                           <select class="form-select" id="exampleFormControlSelect1" name="type" aria-label="Default select example">
                          <option selected disabled>Select Type</option>
                          <option value="Paid" {{ old('type') == 'Paid' ? 'selected' : '' }}>Paid</option>
                          <option value="Free" {{ old('type') == 'Free' ? 'selected' : '' }}>Free</option>
                        </select>
                          </div>
              </div>

              <div class="mb-3 col-md-6">
                <label for="firstName" class="form-label">Event Programme Type<sup style="color:red;">*</sup></label>
                <div class="col-sm-12">
                  <select class="form-select" id="exampleFormControlSelect1" name="event_programme" aria-label="Default select example">
                    <option selected disabled>Select Programme</option>
                    <option value="Webinar" {{ old('event_programme') == 'Webinar' ? 'selected' : '' }}>Webinar</option>
                    <option value="Seminar" {{ old('event_programme') == 'Seminar' ? 'selected' : '' }}>Seminar</option>
                    <option value="Other" {{ old('event_programme') == 'Other' ? 'selected' : '' }}>Other</option>
                 </select>
                </div>
              </div>

              <div class="mb-3 col-lg-6">
                <label class="col-form-label" for="basic-default-name">Upload Document</label>
                <div class="">
                   <input class="form-control" type="file" id="formFile" name="upload_documents"/>
                </div>
             </div>

             <div class="mb-3 col-lg-6">
              <label class="col-form-label" for="basic-default-name">Upload Video</label>
              <div class="">
                 <input class="form-control" type="file" id="formFile" name="upload_video"/>
              </div>
           </div>
               
              <div class="mb-3 col-md-12">
                            <label for="address" class="form-label">Event Description<sup style="color:red;">*</sup></label>
                           <textarea class="form-control" aria-label="With textarea" name="description"rows="8">{{{old('description')}}}</textarea>
                          </div>
             
              
               
             
                        <div class="mt-2">
                          <button type="submit" class="btn btn-primary me-2">Save changes</button>
                          <a href="{{url('superadmin/show_event')}}" class="btn btn-outline-secondary">Cancel</a>
                        </div>
                      </form>
                    </div>
                    <!-- /Account -->
                  </div>
          
      
                </div>
              </div>
            </div>
          </form>
        </div>
      </div>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
      <script>
          $("#upload").on('change', function() {
              if (typeof(FileReader) != "undefined") {
                  var reader = new FileReader();
                  reader.onload = function(e) {
                      $("#uploadedAvatar").attr('src', e.target.result);
                  }
                  reader.readAsDataURL($(this)[0].files[0]);
              } else {
                  alert("This browser does not support FileReader.");
              }
          });
    
          function resetform() {
              var ipat = "{{asset('assets/dashboard/assets/img/elements/img.jpg')}}";
              $("#uploadedAvatar").attr('src', ipat);
          }
      </script>
      @endsection
            <!-- / Content -->

            <!-- Footer -->
         
            <!-- / Footer -->