guga42-push-bukja-saylaw-wagt-chykyanlar-duzedildi.

This commit is contained in:
Guvanch Hojamov 2020-08-29 12:46:34 +05:00
parent 4153a8985d
commit 74d329a56f
6 changed files with 740 additions and 752 deletions

View File

@ -139,7 +139,7 @@ class BukjaController extends Controller
'data' => $data
], function ($message){
$message->to('mahabat@turkmentv.gov.tm');
$message->subject('Mahabat Sargyt');
$message->subject('Mahabat Sargydy');
});
return response()->json(['message'=>'success'],201);
}

346
public/assets/css/mahabat_styles.css vendored Normal file
View File

@ -0,0 +1,346 @@
div.textarea {
width: 100%;
}
div.bukjalar-box{
/*border:1px solid red;*/
height: auto;
}
div.bukja{
/*border:1px solid blue;*/
text-align: center;
}
div.bukja > button{
width: 100%;
margin-bottom: 1em;
}
form .form-row > div{}
.all_total_price{
font-size: 24px;
font-weight: bold;
}
.all_total_price > span{
color:green;
}
.udalit-etmeli-dal-tablitsa{
display: none !important;
}
.btn-outline-primary{
border: 1px solid darkslategray;
background: transparent;
}
/*.btn-outline-primary:hover{*/
/* border: 1px solid darkslategray;*/
/* background: steelblue;*/
/* color:#fff;*/
/*}*/
a:hover,a:focus{
text-decoration: none;
outline: none;
}
.vertical-tab{
display: table;
width: 100%;
}
.vertical-tab .nav-tabs{
display: table-cell;
width: 28%;
/*min-width: 28%;*/
vertical-align: top;
border: none;
}
.vertical-tab .nav-tabs li{
float: none;
vertical-align: top;
}
.vertical-tab .nav-tabs li a{
color: #187F7E;
background: transparent;
font-size: 1em;
font-weight: bolder;
text-align: center;
padding: 13px 10px 12px;
margin: 0 0 10px 0;
border: none;
display: block;
position: relative;
z-index: 1;
transition: all 0.1s ease 0s;
}
.vertical-tab .nav-tabs li:last-child a{ margin-bottom: 0; }
.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a,
.vertical-tab .nav-tabs li.active a:hover{
color: #fff;
background: #fff;
border: none;
/*border-top: 1px solid #d1d1d1;*/
text-shadow: 0 0 5px rgba(0,0,0,0.3);
}
/*.vertical-tab .nav-tabs li a:before,*/
.vertical-tab .nav-tabs li a:after{
content: '';
background: #2B9996;
height: 0;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
transition: all 0.1s ease;
border-radius: 2px;
}
.vertical-tab .nav-tabs li a:before{
width: 0;
height: 4px;
top: -4px;
}
.vertical-tab .nav-tabs li a:hover:before,
.vertical-tab .nav-tabs li.active a:before,
.vertical-tab .nav-tabs li.active a:hover:before{
width: 100%;
}
.vertical-tab .nav-tabs li a:hover:after,
.vertical-tab .nav-tabs li.active a:after,
.vertical-tab .nav-tabs li.active a:hover:after{
height: 100%;
}
.vertical-tab .tab-content{
color: #333;
background: #fff;
font-size: 14px;
/*line-height: 25px;*/
padding: 10px 10px;
margin-top: 10px;
border: 1px solid #187F7E;
display: table-cell;
position: relative;
}
.vertical-tab .tab-content h3{
color: #187F7E;
font-weight: 800;
/*text-transform: uppercase;*/
/*letter-spacing: 1px;*/
margin: 0 0 7px 0;
font-size: 18px !important;
}
.prop-desc > p{
padding-left: 10px;
}
.folder_title{
color:#fff;
background-color: #187F7E;
padding: 4px 0px;
margin-bottom: 0;
margin-top: 0;
}
.for-border-box{
border:1px solid #090909;
border-right:0;
border-top:0;
}
.for-border-box div > p{
padding-left: 10px;
}
.bukja-table{
margin-bottom: 1.5em;
box-shadow: 3px 2px 3px #5C5C5C;
}
table tr td{
border:1px solid #A19D9C;
border-top: 0;
border-bottom: 0;
text-align: center;
}
table tr > td:first-child{
border: 0;
text-align: left;
border-top: 1px solid #eaeaeb;
}
table tr > td:last-child{
border: 0;
border-top: 1px solid #eaeaeb;
}
table tr > th{
text-align: center;
}
table tr > th:first-child{
text-align: left;
}
.tot_price_center_box{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
.tot_price_center_box > span {
font-weight: bold;
font-size: 18px;
}
.left-bar{
display: flex;
flex-flow: column;
height: 65vh;
justify-content: space-between;
}
.contact-info-box{
border-left: 5px solid #329996;
padding-left: .8em;
font-weight: bolder;
}
.contact-info-box > h4{
}
.contact-info-box ul > li{
margin: .5em 0;
}
.calc_text{
background: #329996;
color: #fff;
margin: 0;
padding: .2em;
font-weight: normal;
}
.order-text{
font-size: 11px;
font-weight: bold;
}
#calculator-fix{
display: flex;
flex-flow: column;
justify-content: space-between;
}
.yaylym-tertip{
margin-top: 7em;
}
.yaylym-btn{
border: 1px solid #D01828;
background-color: #D01828;
color: #fff;
font-weight: bold;
border-radius: 2px;
}
.yaylym-btn:hover{
color: #fff !important;
text-decoration: underline;
}
.yaylym_text{
font-size: 12px;
margin-top: .2em;
}
/*for filter buttons box*/
.filter-buttons-box{
display:flex;
justify-content:space-between;
margin-bottom:1em;
}
.filter-btn{
width: 20%;
border-radius: 1px;
background-color: #fff;
border:1px solid #329996;
font-size: 1em;
font-weight: bolder;
color: #187F7E;
}
.filter-btn:focus{
outline: none;
color:#187F7E;
outline-offset: 0;
}
.filter-btn:hover{
color:#fff;
background-color: #187F7E;
}
.active-filter-btn{
color:#fff !important;
background-color: #187F7E;
}
.for-scroll-box{
height: 80vh;
overflow: scroll;
padding: 10px 5px 10px 0px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.for-scroll-box::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.for-scroll-box{
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
/*for filter buttons box end*/
@media only screen and (max-width: 479px){
.vertical-tab .nav-tabs{
width: 100%;
display: block;
border: none;
}
.vertical-tab .nav-tabs li a{ margin: 0 0 10px; }
.vertical-tab .tab-content{
display: block;
font-size: 12px !important;
}
.vertical-tab .tab-content h3{ font-size: 18px; }
}
@media screen and (min-width:320px) and (max-width: 475px) {
#bukjalar-slider{
width: 25em !important;
}
}
@media screen and (max-width:350px){
#bukjalar-slider{
width: 21em !important;
}
}
@media screen and (min-width:992px) {
.desctop-d-none{
display: none;
}
}
@media screen and (max-width:992px) {
.m-p-0{
padding:0;
}
.left-bar{
flex-flow: column-reverse !important;
margin-top: 1em;
height:auto;
}
.mt-1{
margin-top: 2em;
}
.folders-tab{
padding: 5px 1px 5px 1px !important;
}
.m-t-c{
text-align: center !important;
}
.filter-btn{
width: 30%;
}
.prop_ul{
margin-top: 1em;
}
.mobile-d-none{
display: none;
}
}

377
public/assets/js/mahabat_scripts.js vendored Normal file
View File

@ -0,0 +1,377 @@
//Bukjalar uchin scriptler
document.body.onload = function () {
if($('.tv-filter-btn').hasClass('active-filter-btn')){
$('.bukja-table').css('display','none');
$('.on_tv').css('display','block');
//for select time
$('.sel_sel_time').css('display','none');
$('.tv_time').css('display','block');
}
//filter-script-start
$('.tv-filter-btn').click(function () {
$('.tv-filter-btn').addClass('active-filter-btn');
$('.radio-filter-btn').removeClass('active-filter-btn');
$('.sub-filter-btn').removeClass('active-filter-btn');
$('.web-filter-btn').removeClass('active-filter-btn');
$('.bukja-table').css('display','none');
$('.on_tv').css('display','block');
//for select times
$('.sel_sel_time').css('display','none');
$('.tv_time').css('display','block');
})
$('.radio-filter-btn').click(function () {
$('.radio-filter-btn').addClass('active-filter-btn');
$('.tv-filter-btn').removeClass('active-filter-btn');
$('.sub-filter-btn').removeClass('active-filter-btn');
$('.web-filter-btn').removeClass('active-filter-btn');
$('.bukja-table').css('display','none');
$('.on_radio').css('display','block');
//for select times
$('.sel_sel_time').css('display','none');
$('.radio_time').css('display','block');
})
$('.sub-filter-btn').click(function () {
$('.sub-filter-btn').addClass('active-filter-btn');
$('.radio-filter-btn').removeClass('active-filter-btn');
$('.tv-filter-btn').removeClass('active-filter-btn');
$('.web-filter-btn').removeClass('active-filter-btn');
$('.bukja-table').css('display','none');
$('.on_subtitle').css('display','block');
//for select times
$('.sel_sel_time').css('display','none');
$('.subtitle_time').css('display','block');
})
$('.web-filter-btn').click(function () {
$('.web-filter-btn').addClass('active-filter-btn');
$('.radio-filter-btn').removeClass('active-filter-btn');
$('.sub-filter-btn').removeClass('active-filter-btn');
$('.tv-filter-btn').removeClass('active-filter-btn');
$('.bukja-table').css('display','none');
$('.on_web').css('display','block');
//for select times
$('.sel_sel_time').css('display','none');
$('.web_time').css('display','block');
})
//filter-script-end
$('#opt_prop_1').attr('label',$('#prop-1').html());
$('#opt_prop_2').attr('label',$('#prop-2').html());
$('#opt_prop_3').attr('label',$('#prop-3').html());
//Bukja button +
var choices = [];
//select folder script
setInterval(function () {
var prop_id =$('.prop_ul > li.active').attr('prop-id');
if (($('#orders_table > tr').length <=0) || ($('#orders_table > tr').length == '')){
$('#order_it_box').css('display','none');
}else {
$('#order_it_box').css('display','flex')
}
let title = $('#folder_select option:selected').text();
// let val = $('#folder_select option:selected').val();
let f_val = $('#folder_select option:selected').attr('folder_propId');
// $('#selected_folder_id').html(f_val);
// $('#selected_folder_text').html(title);
// let id=$('#selected_folder_id').text();
// let name=$('#selected_folder_text').text();
// let f_numb=parseInt(name.replace(/\D+/g,""))
var f_choice_time = $('#folder_select option:selected').attr('choiceTime');
var f_numb=parseInt(f_choice_time);
var time=0;
if(f_val==1 && f_numb==1){
$('#bukja_1_1_wagt').css('display','inline-table');
$('#bukja_1_2_wagt').css('display','none');
$('#bukja_1_3_wagt').css('display','none');
var time= true;
}
if(f_val==2 && f_numb==1){
$('#bukja_1_1_wagt').css('display','none');
$('#bukja_1_2_wagt').css('display','inline-table');
$('#bukja_1_3_wagt').css('display','none');
var time= true;
}
if(f_val==3 && f_numb==1){
$('#bukja_1_1_wagt').css('display','none');
$('#bukja_1_2_wagt').css('display','none');
$('#bukja_1_3_wagt').css('display','inline-table');
var time= true;
}
if(time !== true){
$('#bukja_1_1_wagt').css('display','none');
$('#bukja_1_2_wagt').css('display','none');
$('#bukja_1_3_wagt').css('display','none');
}
if(prop_id == 1){
$('#opt_prop_1').css('display','inline-block');
$('#opt_prop_2').css('display','none');
$('#opt_prop_3').css('display','none');
}
if(prop_id == 2){
$('#opt_prop_1').css('display','none');
$('#opt_prop_2').css('display','inline-block');
$('#opt_prop_3').css('display','none');
}
if(prop_id == 3){
$('#opt_prop_1').css('display','none');
$('#opt_prop_2').css('display','none');
$('#opt_prop_3').css('display','inline-block');
}
if($('#customer_cases').html()){
if(($('#customer_cases').html().length > 100) ){
// $('#calculator-fix').css('height','65vh');
$('.yaylym-tertip').css('margin-top','3em');
}
}
}, 250);
$('#prop-1').click(function () {
$('select option').removeAttr('selected');
})
$('#prop-2').click(function () {
$('select option').removeAttr('selected');
})
$('#prop-3').click(function () {
$('select option').removeAttr('selected');
})
$('.filter-btn').click(function () {
$('select option').removeAttr('selected');
})
//calculator script
$(document).ready(function () {
$('#hasapla-btn').click(function () {
var time_price=0;
var bukja_price=0;
var sec = $('#calc_second').val();
// var folder_id=$('#selected_folder_id').text();
var folder_id=$('#folder_select option:selected').attr('folder_propId');
// var folder_name=$('#selected_folder_text').text();
var day = $('#folder_day').val();
var str = $('#folder_select option:selected').attr('price');
var f_choice_time = $('#folder_select option:selected').attr('choiceTime');
var f_numb=parseInt(f_choice_time);
var count = $('#choices_count').html();
if(count == ''){count=0}
if(folder_id == 1 && f_numb == 1){
var time= $('#select_time1 option:selected').text();
time_price = parseFloat($('#select_time1 option:selected').val());
bukja_price=NaN;
}else
if(folder_id == 2 && f_numb == 1){
var time= $('#select_time2 option:selected').text();
time_price = parseFloat($('#select_time2 option:selected').val());
bukja_price=NaN;
}else
if(folder_id == 3 && f_numb == 1){
var time= $('#select_time3 option:selected').text();
time_price = parseFloat($('#select_time3 option:selected').val());
bukja_price=NaN;
} else {var time='Bukjada görkezilen hemme wagt aralyklary.'
time_price = NaN;
// bukja_price=parseInt(str.replace(/\D+/g,""));
bukja_price=parseFloat(str);
}
sec = parseInt(sec);
day = parseInt(day);
// count = parseInt(count);
var total = 0;
if (sec>0 && day>0 && time_price>=1 && !bukja_price>=0){
total = (sec*day*time_price)/60;
total=total.toFixed(2);
}else if(sec>0 && day>0 && bukja_price>=0 && !time_price>=0){
total = (sec*day*bukja_price)/60;
total=total.toFixed(2);
}else{
alert('Hasaplamak üçin ähli öýjükler saýlanan bolmaly!');
}
$('#all_price').html(total);
// console.log(total);
})
$('#add_new_calc').click(function () {
console.log('');
if ($('#all_price').html()<=0){
alert('Ilki bahany hasaplaň.');
return false;
}
var time_price;
var bukja_price;
var sec = $('#calc_second').val();
// var folder_id=$('#selected_folder_id').text();
var folder_id=$('#folder_select option:selected').val();
var folder_prop_id = $('#folder_select option:selected').attr('folder_propId');
var folder_name=$('#selected_folder_text').text();
var day = $('#folder_day').val();
var str = $('#folder_select option:selected').attr('price');
// var f_numb=parseInt(folder_name.replace(/\D+/g,""))
var f_choice_time = $('#folder_select option:selected').attr('choiceTime');
var f_numb=parseInt(f_choice_time);
var count = $('#choices_count').html();
if(count == ''){count=0}
count = parseInt(count);
if(folder_prop_id == 1 && f_numb==1){
var time= $('#select_time1 option:selected').text();
time_price = parseFloat($('#select_time1 option:selected').val());
}else
if(folder_prop_id == 2 && f_numb==1){
var time= $('#select_time2 option:selected').text();
time_price = parseFloat($('#select_time2 option:selected').val());
}else
if(folder_prop_id == 3 && f_numb==1){
var time= $('#select_time3 option:selected').text();
time_price = parseFloat($('#select_time3 option:selected').val());
} else {var time='Bukjada görkezilen hemme wagt aralyklary.'
time_price = 0;
// bukja_price=parseInt(str.replace(/\D+/g,""));
bukja_price=parseFloat(str);
}
if(sec>0 && day>0 && time_price >=1){
var total = (sec*day*time_price)/60;
total = total.toFixed(2);
}
if(sec>0 && day>0 && bukja_price >=1){
total = (sec*day*bukja_price)/60;
total = total.toFixed(2);
}
if(total>0){
count=count+1;
$('#choices_count').html(count);
var folder_obj ={
'id':count,
'second':sec,
'folder_id':folder_id,
'folder_name':folder_name,
'day':day,
'time':time,
'total':total
}
choices.push(folder_obj);
var order = `<tr class="added_order">
<th scope="row" id="choices_count">`+folder_obj.id+`</th>
<td>`+folder_obj.folder_name+`</td>
<td>`+folder_obj.second+`</td>
<td>`+folder_obj.time+`</td>
<td>`+folder_obj.day+`</td>
<td>`+folder_obj.total+` tmt</td>
</tr>`;
var new_calc_order = `<div style="border-bottom: 1px solid #DEDEDE;margin-bottom: 5px;padding-bottom: 5px;">
<span class="text-center" style="font-size: 12px;"> Sargyt #`+folder_obj.id+`</span>
<h5 style="font-weight: bold;" class="text-center">`+folder_obj.folder_name+`</h5>
<span>Sekund: </span><span style="font-weight: bolder;">`+folder_obj.second+` sek.</span><br>
<span>Gün: </span><span style="font-weight: bolder;">`+folder_obj.day+` gün</span><br>
<span>Bahasy: </span><span style="font-weight: bolder;">`+folder_obj.total+` tmt</span>
</div>`;
$('#customer_cases').append(new_calc_order);
$('#orders_table').append(order);
$('#folder_form input').val('');
$('select option').removeAttr('selected');
$('#all_price').html(0);
$('#orders-table-box').css('display','block');
$('#no-table-message').css('display','none');
}
console.log(typeof choices);
});
$('#clear_table').click(function () {
$("tbody#orders_table tr").remove();
$('#customer_cases').html('');
choices=[];
$('#orders-table-box').css('display','none');
$('#no-table-message').css('display','inline-block');
console.log(choices);
})
//send order to backend
$('#order_it_btn').click(function () {
if (($('#orders_table > tr').length) <=0){
$('#order_it_btn').attr('data-target','');
alert('Bukja saýlaň.');
location.reload();
}
})
$('#customer_send_btn').click(function (e) {
e.preventDefault();
var name=$('#customer_name').val();
var email=$('#customer_email').val();
var phone=$('#customer_phone').val();
var notes=$('#customer_notes').val();
var customer = {
'customer':{
'name':name,
'email':email,
'phone':phone,
'notes':notes,
}
}
if(name != '' && phone != ''){
// disable button
$(this).prop("disabled", true);
// add spinner to button
$(this).html(
`<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Garaşyň...`
);
choices.push(customer);
var token=$('input[name="_token"]').val();
choices=JSON.stringify(choices);
$.ajax({
type: 'POST',
url: '/bukjaStore', /*If not work move all this code to app.js and paste {{route('bukjalar.store')}}*/
data:{
'_token':token,
'choices':choices
},
cache: false,
success:function(data){
//console.log(data);
$('#alert_success').css('display','inline-block');
$('#customer_send_btn').prop("disabled", false);
$('#customer_send_btn').html('Ugrat');
$('#alert_success').css('display','inline-block');
// setTimeout(function () {
// location.reload();
// },4000)
},
error:function (data) {
$('#alert_danger').css('display','inline-block');
$('#customer_send_btn').prop("disabled", false);
$('#customer_send_btn').html('Ugrat');
// setTimeout(function () {
// location.reload();
// },5000);
//console.log(data);
}
});
//console.log(choices);
}else{
alert('Ady we Telefon hökman girizmeli!')
}
})
//send order to backend end
})
//calculator script end
}
//Bukjalar uchin skriptler end

View File

@ -4,360 +4,11 @@
<link rel="stylesheet" href="{{ asset ('assets/libs/owl/owl-carousel/owl.carousel.css')}}">
<link rel="stylesheet" href="{{ asset ('assets/libs/owl/owl-carousel/owl.theme.css')}}">
<link rel="stylesheet" href="{{ asset ('assets/css/3dslider-style.css')}}">
<link rel="stylesheet" href="{{ asset ('assets/css/mahabat_styles.css')}}">
@endsection
@section('content')
<style type='text/css'>
div.textarea {
width: 100%;
}
div.bukjalar-box{
/*border:1px solid red;*/
height: auto;
}
div.bukja{
/*border:1px solid blue;*/
text-align: center;
}
div.bukja > button{
width: 100%;
margin-bottom: 1em;
}
form .form-row > div{}
.all_total_price{
font-size: 24px;
font-weight: bold;
}
.all_total_price > span{
color:green;
}
.udalit-etmeli-dal-tablitsa{
display: none !important;
}
.btn-outline-primary{
border: 1px solid darkslategray;
background: transparent;
}
/*.btn-outline-primary:hover{*/
/* border: 1px solid darkslategray;*/
/* background: steelblue;*/
/* color:#fff;*/
/*}*/
a:hover,a:focus{
text-decoration: none;
outline: none;
}
.vertical-tab{
display: table;
width: 100%;
}
.vertical-tab .nav-tabs{
display: table-cell;
width: 28%;
/*min-width: 28%;*/
vertical-align: top;
border: none;
}
.vertical-tab .nav-tabs li{
float: none;
vertical-align: top;
}
.vertical-tab .nav-tabs li a{
color: #187F7E;
background: transparent;
font-size: 1em;
font-weight: bolder;
text-align: center;
padding: 13px 10px 12px;
margin: 0 0 10px 0;
border: none;
display: block;
position: relative;
z-index: 1;
transition: all 0.1s ease 0s;
}
.vertical-tab .nav-tabs li:last-child a{ margin-bottom: 0; }
.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a,
.vertical-tab .nav-tabs li.active a:hover{
color: #fff;
background: #fff;
border: none;
/*border-top: 1px solid #d1d1d1;*/
text-shadow: 0 0 5px rgba(0,0,0,0.3);
}
/*.vertical-tab .nav-tabs li a:before,*/
.vertical-tab .nav-tabs li a:after{
content: '';
background: #2B9996;
height: 0;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
transition: all 0.1s ease;
border-radius: 2px;
}
.vertical-tab .nav-tabs li a:before{
width: 0;
height: 4px;
top: -4px;
}
.vertical-tab .nav-tabs li a:hover:before,
.vertical-tab .nav-tabs li.active a:before,
.vertical-tab .nav-tabs li.active a:hover:before{
width: 100%;
}
.vertical-tab .nav-tabs li a:hover:after,
.vertical-tab .nav-tabs li.active a:after,
.vertical-tab .nav-tabs li.active a:hover:after{
height: 100%;
}
.vertical-tab .tab-content{
color: #333;
background: #fff;
font-size: 14px;
/*line-height: 25px;*/
padding: 10px 10px;
margin-top: 10px;
border: 1px solid #187F7E;
display: table-cell;
position: relative;
}
.vertical-tab .tab-content h3{
color: #187F7E;
font-weight: 800;
/*text-transform: uppercase;*/
/*letter-spacing: 1px;*/
margin: 0 0 7px 0;
font-size: 18px !important;
}
.prop-desc > p{
padding-left: 10px;
}
.folder_title{
color:#fff;
background-color: #187F7E;
padding: 4px 0px;
margin-bottom: 0;
margin-top: 0;
}
.for-border-box{
border:1px solid #090909;
border-right:0;
border-top:0;
}
.for-border-box div > p{
padding-left: 10px;
}
.bukja-table{
margin-bottom: 1.5em;
box-shadow: 3px 2px 3px #5C5C5C;
}
table tr td{
border:1px solid #A19D9C;
border-top: 0;
border-bottom: 0;
text-align: center;
}
table tr > td:first-child{
border: 0;
text-align: left;
border-top: 1px solid #eaeaeb;
}
table tr > td:last-child{
border: 0;
border-top: 1px solid #eaeaeb;
}
table tr > th{
text-align: center;
}
table tr > th:first-child{
text-align: left;
}
.tot_price_center_box{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
.tot_price_center_box > span {
font-weight: bold;
font-size: 18px;
}
.left-bar{
display: flex;
flex-flow: column;
height: 65vh;
justify-content: space-between;
}
.contact-info-box{
border-left: 5px solid #329996;
padding-left: .8em;
font-weight: bolder;
}
.contact-info-box > h4{
}
.contact-info-box ul > li{
margin: .5em 0;
}
.calc_text{
background: #329996;
color: #fff;
margin: 0;
padding: .2em;
font-weight: normal;
}
.order-text{
font-size: 11px;
font-weight: bold;
}
#calculator-fix{
display: flex;
flex-flow: column;
justify-content: space-between;
}
.yaylym-tertip{
margin-top: 7em;
}
.yaylym-btn{
border: 1px solid #D01828;
background-color: #D01828;
color: #fff;
font-weight: bold;
border-radius: 2px;
}
.yaylym-btn:hover{
color: #fff !important;
text-decoration: underline;
}
.yaylym_text{
font-size: 12px;
margin-top: .2em;
}
/*for filter buttons box*/
.filter-buttons-box{
display:flex;
justify-content:space-between;
margin-bottom:1em;
}
.filter-btn{
width: 20%;
border-radius: 1px;
background-color: #fff;
border:1px solid #329996;
font-size: 1em;
font-weight: bolder;
color: #187F7E;
}
.filter-btn:focus{
outline: none;
color:#187F7E;
outline-offset: 0;
}
.filter-btn:hover{
color:#fff;
background-color: #187F7E;
}
.active-filter-btn{
color:#fff !important;
background-color: #187F7E;
}
.for-scroll-box{
height: 80vh;
overflow: scroll;
padding: 10px 5px 10px 0px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.for-scroll-box::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.for-scroll-box{
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
/*for filter buttons box end*/
@media only screen and (max-width: 479px){
.vertical-tab .nav-tabs{
width: 100%;
display: block;
border: none;
}
.vertical-tab .nav-tabs li a{ margin: 0 0 10px; }
.vertical-tab .tab-content{
display: block;
font-size: 12px !important;
}
.vertical-tab .tab-content h3{ font-size: 18px; }
}
@media screen and (min-width:320px) and (max-width: 475px) {
#bukjalar-slider{
width: 25em !important;
}
}
@media screen and (max-width:350px){
#bukjalar-slider{
width: 21em !important;
}
}
@media screen and (min-width:992px) {
.desctop-d-none{
display: none;
}
}
@media screen and (max-width:992px) {
.m-p-0{
padding:0;
}
.left-bar{
flex-flow: column-reverse !important;
margin-top: 1em;
height:auto;
}
.mt-1{
margin-top: 2em;
}
.folders-tab{
padding: 5px 1px 5px 1px !important;
}
.m-t-c{
text-align: center !important;
}
.filter-btn{
width: 30%;
}
.prop_ul{
margin-top: 1em;
}
.mobile-d-none{
display: none;
}
}
</style>
<div class="container wrapper" style = "padding-top: 10px !important;padding-bottom: 10px !important; margin-bottom: 5em;">
<div class="row" style="padding-top: 0; padding-bottom: 0">
{{-- <h2 style="margin-top: 50px"><a href="" class="fontSemiBold">Mahabat Nyrhnama bukjalary <i class="fa fa-play-circle-o"></i></a></h2>--}}
@if(isset($folders))
@foreach($folders as $folder)
@endforeach
@ -769,7 +420,6 @@
<input type="number" class="form-control" id="calc_second" placeholder="Naçe sekunt?" value="" required>
</div>
<div style="display: none;">
<span id='selected_folder_id' style="display:none;"></span>
<span id='selected_folder_text' style="display:none;"></span>
</div>
<div class="mb-3" style="margin-top: 1em;">
@ -782,16 +432,16 @@
@foreach($folders as $folder)
@if($folder->property->filter_value == 1)
@if($folder->on_tv != false)
<option value="{{$folder->id}}" class="sel_sel_time tv_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folderId="{{$folder->property->filter_value}}">{{$folder->title}}</option>
<option value="{{$folder->id}}" class="sel_sel_time tv_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folder_propId="{{$folder->property->filter_value}}" choiceTime="{{$folder->choice_time}}">{{$folder->title}}</option>
@endif
@if($folder->on_radio != false)
<option value="{{$folder->id}}" class="sel_sel_time radio_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folderId="{{$folder->property->filter_value}}">{{$folder->title}}</option>
<option value="{{$folder->id}}" class="sel_sel_time radio_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folder_propId="{{$folder->property->filter_value}}" choiceTime="{{$folder->choice_time}}">{{$folder->title}}</option>
@endif
@if($folder->on_subtitle != false)
<option value="{{$folder->id}}" class="sel_sel_time subtitle_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folderId="{{$folder->property->filter_value}}">{{$folder->title}}</option>
<option value="{{$folder->id}}" class="sel_sel_time subtitle_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folder_propId="{{$folder->property->filter_value}}" choiceTime="{{$folder->choice_time}}">{{$folder->title}}</option>
@endif
@if($folder->on_web != false)
<option value="{{$folder->id}}" class="sel_sel_time web_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folderId="{{$folder->property->filter_value}}">{{$folder->title}}</option>
<option value="{{$folder->id}}" class="sel_sel_time web_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folder_propId="{{$folder->property->filter_value}}" choiceTime="{{$folder->choice_time}}">{{$folder->title}}</option>
@endif
@endif
@endforeach
@ -800,16 +450,16 @@
@foreach($folders as $folder)
@if($folder->property->filter_value == 2)
@if($folder->on_tv != false)
<option value="{{$folder->id}}" class="sel_sel_time tv_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folderId="{{$folder->property->filter_value}}">{{$folder->title}}</option>
<option value="{{$folder->id}}" class="sel_sel_time tv_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folder_propId="{{$folder->property->filter_value}}" choiceTime="{{$folder->choice_time}}">{{$folder->title}}</option>
@endif
@if($folder->on_radio != false)
<option value="{{$folder->id}}" class="sel_sel_time radio_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folderId="{{$folder->property->filter_value}}">{{$folder->title}}</option>
<option value="{{$folder->id}}" class="sel_sel_time radio_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folder_propId="{{$folder->property->filter_value}}" choiceTime="{{$folder->choice_time}}">{{$folder->title}}</option>
@endif
@if($folder->on_subtitle != false)
<option value="{{$folder->id}}" class="sel_sel_time subtitle_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folderId="{{$folder->property->filter_value}}">{{$folder->title}}</option>
<option value="{{$folder->id}}" class="sel_sel_time subtitle_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folder_propId="{{$folder->property->filter_value}}" choiceTime="{{$folder->choice_time}}">{{$folder->title}}</option>
@endif
@if($folder->on_web != false)
<option value="{{$folder->id}}" class="sel_sel_time web_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folderId="{{$folder->property->filter_value}}">{{$folder->title}}</option>
<option value="{{$folder->id}}" class="sel_sel_time web_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folder_propId="{{$folder->property->filter_value}}" choiceTime="{{$folder->choice_time}}">{{$folder->title}}</option>
@endif
@endif
@endforeach
@ -818,16 +468,16 @@
@foreach($folders as $folder)
@if($folder->property->filter_value == 3)
@if($folder->on_tv != false)
<option value="{{$folder->id}}" class="sel_sel_time tv_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folderId="{{$folder->property->filter_value}}">{{$folder->title}}</option>
<option value="{{$folder->id}}" class="sel_sel_time tv_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folder_propId="{{$folder->property->filter_value}}" choiceTime="{{$folder->choice_time}}">{{$folder->title}}</option>
@endif
@if($folder->on_radio != false)
<option value="{{$folder->id}}" class="sel_sel_time radio_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folderId="{{$folder->property->filter_value}}">{{$folder->title}}</option>
<option value="{{$folder->id}}" class="sel_sel_time radio_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folder_propId="{{$folder->property->filter_value}}" choiceTime="{{$folder->choice_time}}">{{$folder->title}}</option>
@endif
@if($folder->on_subtitle != false)
<option value="{{$folder->id}}" class="sel_sel_time subtitle_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folderId="{{$folder->property->filter_value}}">{{$folder->title}}</option>
<option value="{{$folder->id}}" class="sel_sel_time subtitle_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folder_propId="{{$folder->property->filter_value}}" choiceTime="{{$folder->choice_time}}">{{$folder->title}}</option>
@endif
@if($folder->on_web != false)
<option value="{{$folder->id}}" class="sel_sel_time web_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folderId="{{$folder->property->filter_value}}">{{$folder->title}}</option>
<option value="{{$folder->id}}" class="sel_sel_time web_time" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif folder_propId="{{$folder->property->filter_value}}" choiceTime="{{$folder->choice_time}}">{{$folder->title}}</option>
@endif
@endif
@endforeach

View File

@ -113,398 +113,13 @@ toggle between hiding and showing the dropdown content */
});
//Bukjalar uchin scriptler
document.body.onload = function () {
if($('.tv-filter-btn').hasClass('active-filter-btn')){
$('.bukja-table').css('display','none');
$('.on_tv').css('display','block');
//for select time
$('.sel_sel_time').css('display','none');
$('.tv_time').css('display','block');
// $('.radio_time').css('display','none');
// $('.subtitle_time').css('display','none');
// $('.web_time').css('display','none');
}
//filter-script-start
$('.tv-filter-btn').click(function () {
$('.tv-filter-btn').addClass('active-filter-btn');
$('.radio-filter-btn').removeClass('active-filter-btn');
$('.sub-filter-btn').removeClass('active-filter-btn');
$('.web-filter-btn').removeClass('active-filter-btn');
$('.bukja-table').css('display','none');
$('.on_tv').css('display','block');
//for select times
$('.sel_sel_time').css('display','none');
$('.tv_time').css('display','block');
// $('.radio_time').css('display','none');
// $('.subtitle_time').css('display','none');
// $('.web_time').css('display','none');
})
$('.radio-filter-btn').click(function () {
$('.radio-filter-btn').addClass('active-filter-btn');
$('.tv-filter-btn').removeClass('active-filter-btn');
$('.sub-filter-btn').removeClass('active-filter-btn');
$('.web-filter-btn').removeClass('active-filter-btn');
$('.bukja-table').css('display','none');
$('.on_radio').css('display','block');
//for select times
$('.sel_sel_time').css('display','none');
$('.radio_time').css('display','block');
// $('.tv_time').css('display','none');
// $('.subtitle_time').css('display','none');
// $('.web_time').css('display','none');
})
$('.sub-filter-btn').click(function () {
$('.sub-filter-btn').addClass('active-filter-btn');
$('.radio-filter-btn').removeClass('active-filter-btn');
$('.tv-filter-btn').removeClass('active-filter-btn');
$('.web-filter-btn').removeClass('active-filter-btn');
$('.bukja-table').css('display','none');
$('.on_subtitle').css('display','block');
//for select times
$('.sel_sel_time').css('display','none');
$('.subtitle_time').css('display','block');
// $('.radio_time').css('display','none');
// $('.tv_time').css('display','none');
// $('.web_time').css('display','none');
})
$('.web-filter-btn').click(function () {
$('.web-filter-btn').addClass('active-filter-btn');
$('.radio-filter-btn').removeClass('active-filter-btn');
$('.sub-filter-btn').removeClass('active-filter-btn');
$('.tv-filter-btn').removeClass('active-filter-btn');
$('.bukja-table').css('display','none');
$('.on_web').css('display','block');
//for select times
$('.sel_sel_time').css('display','none');
$('.web_time').css('display','block');
// $('.radio_time').css('display','none');
// $('.subtitle_time').css('display','none');
// $('.tv_time').css('display','none');
})
//filter-script-end
$('#opt_prop_1').attr('label',$('#prop-1').html());
$('#opt_prop_2').attr('label',$('#prop-2').html());
$('#opt_prop_3').attr('label',$('#prop-3').html());
//Bukja button +
var choices = [];
// $('.add_new_calc').click(function () {
// let $form_add = `added`;
// $('.for-add-button').append($form_add);
// $('.add_add_box').fadeIn(1000, function () {
// $('.add_add_box').css('display','block');
// });
// });
//select folder script
setInterval(function () {
var prop_id =$('.prop_ul > li.active').attr('prop-id');
if (($('#orders_table > tr').length <=0) || ($('#orders_table > tr').length == '')){
$('#order_it_box').css('display','none');
}else {
$('#order_it_box').css('display','flex')
}
let title = $('#folder_select option:selected').text();
// let val = $('#folder_select option:selected').val();
let f_val = $('#folder_select option:selected').attr('folderId');
$('#selected_folder_id').html(f_val);
$('#selected_folder_text').html(title);
// let id=$('#selected_folder_id').text();
let name=$('#selected_folder_text').text();
let f_numb=parseInt(name.replace(/\D+/g,""))
var time=0;
if(f_val==1 && f_numb==1){
$('#bukja_1_1_wagt').css('display','inline-table');
$('#bukja_1_2_wagt').css('display','none');
$('#bukja_1_3_wagt').css('display','none');
var time= true;
}
if(f_val==2 && f_numb==1){
$('#bukja_1_1_wagt').css('display','none');
$('#bukja_1_2_wagt').css('display','inline-table');
$('#bukja_1_3_wagt').css('display','none');
var time= true;
}
if(f_val==3 && f_numb==1){
$('#bukja_1_1_wagt').css('display','none');
$('#bukja_1_2_wagt').css('display','none');
$('#bukja_1_3_wagt').css('display','inline-table');
var time= true;
}
if(time !== true){
$('#bukja_1_1_wagt').css('display','none');
$('#bukja_1_2_wagt').css('display','none');
$('#bukja_1_3_wagt').css('display','none');
}
if(prop_id == 1){
$('#opt_prop_1').css('display','inline-block');
$('#opt_prop_2').css('display','none');
$('#opt_prop_3').css('display','none');
}
if(prop_id == 2){
$('#opt_prop_1').css('display','none');
$('#opt_prop_2').css('display','inline-block');
$('#opt_prop_3').css('display','none');
}
if(prop_id == 3){
$('#opt_prop_1').css('display','none');
$('#opt_prop_2').css('display','none');
$('#opt_prop_3').css('display','inline-block');
}
if($('#customer_cases').html()){
if(($('#customer_cases').html().length > 100) ){
// $('#calculator-fix').css('height','65vh');
$('.yaylym-tertip').css('margin-top','3em');
}
}
}, 250);
$('#prop-1').click(function () {
$('select option').removeAttr('selected');
})
$('#prop-2').click(function () {
$('select option').removeAttr('selected');
})
$('#prop-3').click(function () {
$('select option').removeAttr('selected');
})
//calculator script
$(document).ready(function () {
$('#hasapla-btn').click(function () {
var time_price=0;
var bukja_price=0;
var sec = $('#calc_second').val();
// var folder_id=$('#selected_folder_id').text();
var folder_id=$('#folder_select option:selected').attr('folderId');
var folder_name=$('#selected_folder_text').text();
var day = $('#folder_day').val();
var str = $('#folder_select option:selected').attr('price');
var f_numb=parseInt(folder_name.replace(/\D+/g,""))
var count = $('#choices_count').html();
if(count == ''){count=0}
if(folder_id == 1 && f_numb == 1){
var time= $('#select_time1 option:selected').text();
time_price = parseFloat($('#select_time1 option:selected').val());
bukja_price=NaN;
}else
if(folder_id == 2 && f_numb == 1){
var time= $('#select_time2 option:selected').text();
time_price = parseFloat($('#select_time2 option:selected').val());
bukja_price=NaN;
}else
if(folder_id == 3 && f_numb == 1){
var time= $('#select_time3 option:selected').text();
time_price = parseFloat($('#select_time3 option:selected').val());
bukja_price=NaN;
} else {var time='Bukjada görkezilen hemme wagt aralyklary.'
time_price = NaN;
// bukja_price=parseInt(str.replace(/\D+/g,""));
bukja_price=parseFloat(str);
}
sec = parseInt(sec);
day = parseInt(day);
// count = parseInt(count);
var total = 0;
if (sec>0 && day>0 && time_price>=1 && !bukja_price>=0){
total = (sec*day*time_price)/60;
total=total.toFixed(2);
}else if(sec>0 && day>0 && bukja_price>=0 && !time_price>=0){
total = (sec*day*bukja_price)/60;
total=total.toFixed(2);
}else{
alert('Hasaplamak üçin ähli öýjükler saýlanan bolmaly!');
}
$('#all_price').html(total);
// console.log(total);
})
$('#add_new_calc').click(function () {
console.log('');
if ($('#all_price').html()<=0){
alert('Ilki bahany hasaplaň.');
return false;
}
var time_price;
var bukja_price;
var sec = $('#calc_second').val();
// var folder_id=$('#selected_folder_id').text();
var folder_id=$('#folder_select option:selected').val();
var folder_prop_id = $('#folder_select option:selected').attr('folderId');
var folder_name=$('#selected_folder_text').text();
var day = $('#folder_day').val();
var str = $('#folder_select option:selected').attr('price');
var f_numb=parseInt(folder_name.replace(/\D+/g,""))
var count = $('#choices_count').html();
if(count == ''){count=0}
count = parseInt(count);
if(folder_prop_id == 1 && f_numb==1){
var time= $('#select_time1 option:selected').text();
time_price = parseFloat($('#select_time1 option:selected').val());
}else
if(folder_prop_id == 2 && f_numb==1){
var time= $('#select_time2 option:selected').text();
time_price = parseFloat($('#select_time2 option:selected').val());
}else
if(folder_prop_id == 3 && f_numb==1){
var time= $('#select_time3 option:selected').text();
time_price = parseFloat($('#select_time3 option:selected').val());
} else {var time='Bukjada görkezilen hemme wagt aralyklary.'
time_price = 0;
// bukja_price=parseInt(str.replace(/\D+/g,""));
bukja_price=parseFloat(str);
}
if(sec>0 && day>0 && time_price >=1){
var total = (sec*day*time_price)/60;
total = total.toFixed(2);
}
if(sec>0 && day>0 && bukja_price >=1){
total = (sec*day*bukja_price)/60;
total = total.toFixed(2);
}
if(total>0){
count=count+1;
$('#choices_count').html(count);
var folder_obj ={
'id':count,
'second':sec,
'folder_id':folder_id,
'folder_name':folder_name,
'day':day,
'time':time,
'total':total
}
choices.push(folder_obj);
var order = `<tr class="added_order">
<th scope="row" id="choices_count">`+folder_obj.id+`</th>
<td>`+folder_obj.folder_name+`</td>
<td>`+folder_obj.second+`</td>
<td>`+folder_obj.time+`</td>
<td>`+folder_obj.day+`</td>
<td>`+folder_obj.total+` tmt</td>
</tr>`;
var new_calc_order = `<div style="border-bottom: 1px solid #DEDEDE;margin-bottom: 5px;padding-bottom: 5px;">
<span class="text-center" style="font-size: 12px;"> Sargyt #`+folder_obj.id+`</span>
<h5 style="font-weight: bold;" class="text-center">`+folder_obj.folder_name+`</h5>
<span>Sekund: </span><span style="font-weight: bolder;">`+folder_obj.second+` sek.</span><br>
<span>Gün: </span><span style="font-weight: bolder;">`+folder_obj.day+` gün</span><br>
<span>Bahasy: </span><span style="font-weight: bolder;">`+folder_obj.total+` tmt</span>
</div>`;
$('#customer_cases').append(new_calc_order);
$('#orders_table').append(order);
$('#folder_form input').val('');
$('select option').removeAttr('selected');
$('#all_price').html(0);
$('#orders-table-box').css('display','block');
$('#no-table-message').css('display','none');
}
console.log(typeof choices);
});
$('#clear_table').click(function () {
$("tbody#orders_table tr").remove();
$('#customer_cases').html('');
choices=[];
$('#orders-table-box').css('display','none');
$('#no-table-message').css('display','inline-block');
console.log(choices);
})
//send order to backend
$('#order_it_btn').click(function () {
if (($('#orders_table > tr').length) <=0){
$('#order_it_btn').attr('data-target','');
alert('Bukja saýlaň.');
location.reload();
}
})
$('#customer_send_btn').click(function (e) {
e.preventDefault();
var name=$('#customer_name').val();
var email=$('#customer_email').val();
var phone=$('#customer_phone').val();
var notes=$('#customer_notes').val();
var customer = {
'customer':{
'name':name,
'email':email,
'phone':phone,
'notes':notes,
}
}
if(name != '' && phone != ''){
// disable button
$(this).prop("disabled", true);
// add spinner to button
$(this).html(
`<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Garaşyň...`
);
choices.push(customer);
var token=$('input[name="_token"]').val();
choices=JSON.stringify(choices);
$.ajax({
type: 'POST',
url: '{{route('bukjalar.store')}}',
data:{
'_token':token,
'choices':choices
},
cache: false,
success:function(data){
//console.log(data);
$('#alert_success').css('display','inline-block');
$('#customer_send_btn').prop("disabled", false);
$('#customer_send_btn').html('Ugrat');
$('#alert_success').css('display','inline-block');
setTimeout(function () {
location.reload();
},4000)
},
error:function (data) {
$('#alert_danger').css('display','inline-block');
$('#customer_send_btn').prop("disabled", false);
$('#customer_send_btn').html('Ugrat');
setTimeout(function () {
location.reload();
},5000);
//console.log(data);
}
});
//console.log(choices);
}else{
alert('Ady we Telefon hökman girizmeli!')
}
})
//send order to backend end
})
//calculator script end
}
//Bukjalar uchin skriptler end
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
</script>
<script src="{{ asset('assets/libs/slick-slider/slick.min.js')}}"></script>
{{--Bukjalar uchin script--}}
<script src="{{ asset('assets/js/mahabat_scripts.js')}}"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-145040878-1"></script>
@yield('after_scripts')
</body>

View File

@ -34,7 +34,7 @@ Route::get('/film/{id}', 'MenuLinkController@getFilm')->name('getFilm');
Route::get('/habarlashyk', 'ContactController@habarlashyk')->name('cont');
Route::post('/contact/send', 'ContactController@send')->name('send');
Route::resource('/bukjalar','BukjaController')->name('*','bukjalar');
Route::post('/bukjaStore','BukjaController@store')->name('*','bukjaStore');
Route::get('/sendMail/{id}', 'ContactController@sendMail');
Route::post('/postMail/', 'ContactController@postMail');