2023-04-11 09:21:20 +00:00
<!-- begin :: Step 4 -->
< div data - kt - stepper - element = " content " >
<!-- begin :: Wrapper -->
< div class = " w-100 " >
<!-- begin :: Heading -->
< div class = " pb-10 pb-lg-12 " >
<!-- begin :: Title -->
2023-11-03 09:12:15 +00:00
< h1 class = " fw-bold text-gray-900 " > Budget Estimates </ h1 >
2023-04-11 09:21:20 +00:00
<!-- end :: Title -->
<!-- begin :: Description -->
< div class = " text-muted fw-semibold fs-4 " > If you need more info , please check
< a href = " # " class = " link-primary " > Campaign Guidelines </ a ></ div >
<!-- end :: Description -->
</ div >
<!-- end :: Heading -->
<!-- begin :: Input group -->
< div class = " fv-row mb-10 " >
<!-- begin :: Label -->
< label class = " fs-6 fw-semibold mb-2 " > Campaign Duration
< i class = " fas fa-exclamation-circle ms-2 fs-7 " data - bs - toggle = " tooltip " title = " Choose how long you want your ad to run for " ></ i ></ label >
<!-- end :: Label -->
<!-- begin :: Duration option -->
< div class = " d-flex gap-9 mb-7 " >
<!-- begin :: Button -->
< button type = " button " class = " btn btn-outline btn-outline-dashed btn-active-light-primary active " id = " kt_modal_create_campaign_duration_all " > Continuous duration
< br />
< span class = " fs-7 " > Your ad will run continuously for a daily budget .</ span ></ button >
<!-- end :: Button -->
<!-- begin :: Button -->
< button type = " button " class = " btn btn-outline btn-outline-dashed btn-active-light-primary btn-outline-default " id = " kt_modal_create_campaign_duration_fixed " > Fixed duration
< br />
< span class = " fs-7 " > Your ad will run on the specified dates only .</ span ></ button >
<!-- end :: Button -->
</ div >
<!-- end :: Duration option -->
<!-- begin :: Datepicker -->
< input class = " form-control form-control-solid d-none " placeholder = " Pick date & time " id = " kt_modal_create_campaign_datepicker " />
<!-- end :: Datepicker -->
</ div >
<!-- end :: Input group -->
<!-- begin :: Input group -->
< div class = " fv-row mb-10 " >
<!-- begin :: Label -->
< label class = " fs-6 fw-semibold mb-2 " > Daily Budget
< i class = " fas fa-exclamation-circle ms-2 fs-7 " data - bs - toggle = " tooltip " title = " Choose the budget allocated for each day. Higher budget will generate better results " ></ i ></ label >
<!-- end :: Label -->
<!-- begin :: Slider -->
< div class = " d-flex flex-column text-center " >
< div class = " d-flex align-items-start justify-content-center mb-7 " >
< span class = " fw-bold fs-4 mt-1 me-2 " > $ </ span >
< span class = " fw-bold fs-3x " id = " kt_modal_create_campaign_budget_label " ></ span >
< span class = " fw-bold fs-3x " >. 00 </ span >
</ div >
< div id = " kt_modal_create_campaign_budget_slider " class = " noUi-sm " ></ div >
</ div >
<!-- end :: Slider -->
</ div >
<!-- end :: Input group -->
</ div >
<!-- end :: Wrapper -->
</ div >
<!-- end :: Step 4 -->