<div class="container-fluid">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title fw-semibold mb-4">Create Adds</h5>

        <form method="POST", enctype="multipart/form-data">
              <div class="row">
              <!-- <div class="mb-3 col-md-6"> -->
                <!-- <label class="form-label">File Type:</label>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="fileType" id="videoOption" checked>
                            <label class="form-check-label" for="videoOption">Video</label>
                        </div> -->
                <!-- 
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="fileType" id="ImageOption">
                            <label class="form-check-label" for="ImageOption">Image</label>
                        </div> -->
              <!-- </div> -->

              <div class="mb-3 col-md-6">
                <label class="form-label" for="fileInput">Upload Thumbnail</label>
                <input name="thumbnail" required type="file" class="form-control" id="fileInput" accept="image/jpg, image/jpeg, image/png">
              </div>

              <div class="mb-3 col-md-6">
                <label class="form-label" for="fileInput">Upload Media</label>
                <input name="file" required type="file" class="form-control" id="fileInput" accept="video/*, image/*">
              </div>
              
              <div class="mb-3 col-md-12">
                <label for="title" class="form-label">Add Title</label>
                <input name="title" required type="text" class="form-control" id="title" min="1">
              </div>

              <div class="mb-3 col-md-6">
                <label for="title" class="form-label">Add Url</label>
                <input type="url" name="url" required class="form-control" id="title" min="1">
              </div>
              
              <div class="mb-3 col-md-6">
                <label for="peopleLimitInput" class="form-label">Target Audience</label>
                <input type="number" name="target" required class="form-control" id="peopleLimitInput" min="1">
              </div>

              <div class="mb-3 col-md-6">
                <label for="peopleLimitInput" class="form-label">Select Priority</label>
                <select name="occurance" required class="form-control">
                  <option value="1">Low</option>
                  <option value="2">Medium</option>
                  <option value="3">High</option>
                </select>
              </div>

              <div class="mb-3 col-md-6">
                <label for="watchCredit" class="form-label">Watch Credit</label>
                <input type="number" name="watch_credit" required class="form-control" id="watchCredit" min="1">
              </div>

              <div class="mb-3 col-md-6">
                <label for="runningDateInput" class="form-label">Running Date From</label>
                <input type="date" name="date_from" required class="form-control" id="runningDateInput">
              </div>

              <div class="mb-3 col-md-6">
                <label for="runningDateInput" class="form-label">Running Date To</label>
                <input type="date" name="date_to" required class="form-control" id="runningDateInput">
              </div>

            </div>
            <button type="submit" class="btn btn-primary btn-sm">Submit</button>
            </form>





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