Viewing file:  create.blade.php (5.04 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.admin')
@section('title','Meal Plan')
@section('extra-css')
<link rel="stylesheet" href="{{asset('plugins/daterangepicker/daterangepicker.css')}}">
<script src="{{asset('plugins/toastr/toastr.min.css')}}"></script>
<style>
/* Basic Rules */
.switch input {
display:none;
}
.switch {
display: inline-block;
width: 48px;
height: 18px;
margin: 4px;
transform: translateY(50%);
position: relative;
}
/* Style Wired */
.slider {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
border-radius:30px;
box-shadow: 0 0 0 2px #e0dddd, 0 0 4px #fffefe;
cursor:pointer;
border:2px solid transparent;
overflow:hidden;
transition:.4s;
}
.slider:before {
position:absolute;
content:"";
width:100%;
height:100%;
background: #b6b5b5;
border-radius:30px;
transform:translateX(-30px);
transition:.4s;
}
input:checked + .slider:before {
transform:translateX(30px);
background: var(--success);
}
input:checked + .slider {
box-shadow:0 0 0 2px var(--success),0 0 2px var(--success);
}
/* Style Flat */
.switch.flat .slider {
box-shadow:none;
}
.switch.flat .slider:before {
background:#FFF;
}
.switch.flat input:checked + .slider:before {
background:white;
}
.switch.flat input:checked + .slider {
background: var(--success);
}
#vert-tabs-tab .active{
background: var(--primary) !important;
color: white !important;
}
#previous_btn,#next_btn{
font-weight: 400 !important;
}
</style>
@endsection
@section('content')
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h2 class="card-title">@lang('Meal Plan Task')</h2>
<button type="button" class="btn btn-info float-right add_more" >Add More</button>
</div>
<!-- /.card-header -->
<!-- form start -->
<form method="post" role="form" id="planForm" action="{{route('admin.meal-plan-task.store')}}">
@csrf
<div class="card-body">
@include('admin.meal_plan_task.form')
</div>
<div class="card-footer text-right justify-content-end">
<button class="btn btn-success btn-sm" type="submit">Submit</button>
</div>
</form>
</div>
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
@endsection
@section('extra-scripts')
<script src="{{asset('plugins/jquery-validation/jquery.validate.min.js')}}"></script>
<script src="{{asset('plugins/daterangepicker/moment.min.js')}}"></script>
<script src="{{asset('plugins/daterangepicker/daterangepicker.js')}}"></script>
<script src="{{asset('plugins/toastr/toastr.min.js')}}"></script>
<script !src="">
"use strict";
let counter=0;
$(document).on('click', '.add_more', function (e){
counter++;
let html='';
html=`<div class="row align-items-center mt-2" id="added_row_${counter}">
<div class="col-md-10 form-group">
<label for="">{{trans('Name')}}</label>
<input type="text" name="name[]" placeholder="Enter Name" class="form-control">
</div>
<div class="col-md-5 d-none form-group">
<label for="">Type</label>
<select class="form-control" name="type[]">
<option value="breakfast">{{trans('Breakfast')}}</option>
<option value="lunch">{{trans('Lunch')}}</option>
<option value="dinner">{{trans('dinner')}}</option>
<option value="snack">{{trans('Snack')}}</option>
</select>
</div>
<div class="col-md-2 text-right">
<button class="btn btn-danger btn-sm delete_row" data-id="${counter}" type="button"><i class="fa fa-trash"></i></button>
</div>
</div>
`;
$('#show_lists').append(html);
})
$(document).on('click', '.delete_row', function(e){
const id = $(this).attr('data-id');
counter--;
$('#added_row_'+id).remove();
})
</script>
@endsection
|