turkmentv/resources/views/web/bukjalar.blade.php

691 lines
49 KiB
PHP

@extends('web.layouts.app')
@section('after_styles')
<link rel="stylesheet" href="{{ asset ('assets/css/simple-line-icons.css')}}">
<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')}}">
@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: 20px 20px 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;
}
@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{
padding: 25px 20px;
display: block;
}
.vertical-tab .tab-content h3{ font-size: 18px; }
}
@media screen and (max-width:992px) {
.m-p-0{
padding:0;
}
.mt-1{
margin-top: 1em;
}
}
</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
<div class="col-md-3 col-lg-3 col-xs-12" style="padding:0;">
<div class="vertical-tab" role="tabpanel">
<!-- Nav tabs -->
<div>
<ul class="nav nav-tabs" role="tablist" style="box-shadow: 0px 0px 5px #aaaaaa;">
@foreach($props as $prop)
<li role="presentation" class="{{ ($prop->filter_value==1) ? 'active' : ''}}" ><a href="#Section{{$prop->filter_value}}" aria-controls="home-{{$prop->id}}" role="tab" data-toggle="tab">{{$prop->title}}</a></li>
@endforeach
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xs-12 m-p-0 mt-1" >
<div class="vertical-tab" role="tabpanel" style="box-shadow: 0px 0px 5px #aaaaaa; border: 0;">
<!-- Tab panes -->
<div class="tab-content tabs" style="border: 0;">
@foreach($props as $prop)
@if($prop->filter_value==1)
<div role="tabpanel" class="tab-pane fade {{ ($prop->filter_value==1) ? 'in active' : ''}}" id="Section{{$prop->filter_value}}">
<h3>{{$prop->title}}</h3>
<div class="prop-desc">
<p>{!! $prop->description !!}</p>
@foreach($folders as $folder)
@if($folder->property->filter_value ==1)
<div class="bukja-table">
<table class="table table-striped">
@if(isset($folder->total_price) & $folder->total_price !== '')
@php
$k=0
@endphp
<thead>
<div class="row">
<div class="col-md-12 col-xs-12">
<h5 class="text-center" style="border-bottom: 1px solid slategray;">
{{$folder->title}}</h5>
<p>{!! $folder->description !!}</p>
</div>
</div>
<tr>
<th scope="col">Wagt aralygy</th>
<th scope="col">TV</th>
<th scope="col">Radio</th>
<th scope="col">Subtitle</th>
<th scope="col">Web</th>
<th scope="col">Umumy bahasy</th>
</tr>
</thead>
<tbody>
@isset($folder->folder_table)
@foreach($folder->folder_table as $table)
<tr>
<td>@isset($table['time']) {{$table['time']}} @endisset</td>
<td>@isset($table['set_tv']) {{$table['set_tv']}} kan. @endisset</td>
<td>@isset($table['set_radio']) {{$table['set_radio']}} kan. @endisset</td>
<td>@isset($table['set_sub']) {{$table['set_sub']}} kan. @endisset</td>
<td>@isset($table['set_web']) {{$table['set_web']}} @endisset</td>
@if($folder->total_price !== '')
@if($k < 1)
<td rowspan="10" class="text-center">@isset($folder->total_price) {{$folder->total_price}} m/sek {{$k=$k+1}} @endisset</td>
@endif
@endif
</tr>
@endforeach
@endisset
</tbody>
@endif
@if(!isset($folder->total_price) & $folder->total_price == '')
<thead>
<div class="row">
<div class="col-md-12 col-xs-12">
<h5 class="text-center" style="border-bottom: 1px solid slategray;">
{{$folder->title}}</h5>
<p>{!! $folder->description !!}</p>
</div>
</div>
<tr>
<th scope="col">Wagt aralygy</th>
<th scope="col">Bahasy</th>
<th scope="col">TV</th>
<th scope="col">Radio</th>
<th scope="col">Subtitle</th>
<th scope="col">Web</th>
</tr>
</thead>
<tbody>
@isset($folder->folder_table)
@foreach($folder->folder_table as $table)
<tr>
<td>@isset($table['time']) {{$table['time']}} @endisset</td>
<td>@isset($table['price']) {{$table['price']}} m/sek. @endisset</td>
<td>@isset($table['set_tv']) {{$table['set_tv']}} kan.@endisset</td>
<td>@isset($table['set_radio']) {{$table['set_radio']}} kan. @endisset</td>
<td>@isset($table['set_sub']) {{$table['set_sub']}} kan. @endisset</td>
<td>@isset($table['set_web']) {{$table['set_web']}} @endisset</td>
</tr>
@endforeach
@endisset
</tbody>
@endif
</table>
</div>
@endif
@endforeach
</div>
</div>
@endif
@if($prop->filter_value==2)
<div role="tabpanel" class="tab-pane fade {{ ($prop->filter_value==1) ? 'in active' : ''}}" id="Section{{$prop->filter_value}}">
<h3>{{$prop->title}}</h3>
<div class="prop-desc">
<p>{!! $prop->description !!}</p>
@foreach($folders as $folder)
@if($folder->property->filter_value == 2)
<div class="bukja-table">
<table class="table table-striped">
@if(isset($folder->total_price) & $folder->total_price !== '')
@php
$k=0
@endphp
<thead>
<div class="row">
<div class="col-md-12 col-xs-12">
<h5 class="text-center" style="border-bottom: 1px solid slategray;">
{{$folder->title}}</h5>
<p>{!! $folder->description !!}</p>
</div>
</div>
<tr>
<th scope="col">Wagt aralygy</th>
<th scope="col">TV</th>
<th scope="col">Radio</th>
<th scope="col">Subtitle</th>
<th scope="col">Web</th>
<th scope="col">Umumy bahasy</th>
</tr>
</thead>
<tbody>
@isset($folder->folder_table)
@foreach($folder->folder_table as $table)
<tr>
<td>@isset($table['time']) {{$table['time']}} @endisset</td>
<td>@isset($table['set_tv']) {{$table['set_tv']}} kan. @endisset</td>
<td>@isset($table['set_radio']) {{$table['set_radio']}} kan. @endisset</td>
<td>@isset($table['set_sub']) {{$table['set_sub']}} kan. @endisset</td>
<td>@isset($table['set_web']) {{$table['set_web']}} @endisset</td>
@if($folder->total_price !== '')
@if($k < 1)
<td rowspan="10" class="text-center">@isset($folder->total_price) {{$folder->total_price}} m/sek {{$k=$k+1}} @endisset</td>
@endif
@endif
</tr>
@endforeach
@endisset
</tbody>
@endif
@if(!isset($folder->total_price) & $folder->total_price == '')
<thead>
<div class="row">
<div class="col-md-12 col-xs-12">
<h5 class="text-center" style="border-bottom: 1px solid slategray;">
{{$folder->title}}</h5>
<p>{!! $folder->description !!}</p>
</div>
</div>
<tr>
<th scope="col">Wagt aralygy</th>
<th scope="col">Bahasy</th>
<th scope="col">TV</th>
<th scope="col">Radio</th>
<th scope="col">Subtitle</th>
<th scope="col">Web</th>
</tr>
</thead>
<tbody>
@isset($folder->folder_table)
@foreach($folder->folder_table as $table)
<tr>
<td>@isset($table['time']) {{$table['time']}} @endisset</td>
<td>@isset($table['price']) {{$table['price']}} m/sek. @endisset</td>
<td>@isset($table['set_tv']) {{$table['set_tv']}} kan.@endisset</td>
<td>@isset($table['set_radio']) {{$table['set_radio']}} kan. @endisset</td>
<td>@isset($table['set_sub']) {{$table['set_sub']}} kan. @endisset</td>
<td>@isset($table['set_web']) {{$table['set_web']}} @endisset</td>
</tr>
@endforeach
@endisset
</tbody>
@endif
</table>
</div>
@endif
@endforeach
</div>
</div>
@endif
@if($prop->filter_value==3)
<div role="tabpanel" class="tab-pane fade {{ ($prop->filter_value==1) ? 'in active' : ''}}" id="Section{{$prop->filter_value}}">
<h3>{{$prop->title}}</h3>
<div class="prop-desc">
<p>{!! $prop->description !!}</p>
@foreach($folders as $folder)
@if($folder->property->filter_value == 3)
<div class="bukja-table">
<table class="table table-striped">
@if(isset($folder->total_price) & $folder->total_price !== '')
@php
$k=0
@endphp
<thead>
<div class="row">
<div class="col-md-12 col-xs-12">
<h5 class="text-center" style="border-bottom: 1px solid slategray;">
{{$folder->title}}</h5>
<p>{!! $folder->description !!}</p>
</div>
</div>
<tr>
<th scope="col">Wagt aralygy</th>
<th scope="col">TV</th>
<th scope="col">Radio</th>
<th scope="col">Subtitle</th>
<th scope="col">Web</th>
<th scope="col">Umumy bahasy</th>
</tr>
</thead>
<tbody>
@isset($folder->folder_table)
@foreach($folder->folder_table as $table)
<tr>
<td>@isset($table['time']) {{$table['time']}} @endisset</td>
<td>@isset($table['set_tv']) {{$table['set_tv']}} kan. @endisset</td>
<td>@isset($table['set_radio']) {{$table['set_radio']}} kan. @endisset</td>
<td>@isset($table['set_sub']) {{$table['set_sub']}} kan. @endisset</td>
<td>@isset($table['set_web']) {{$table['set_web']}} @endisset</td>
@if($folder->total_price !== '')
@if($k < 1)
<td rowspan="10" class="text-center">@isset($folder->total_price) {{$folder->total_price}} m/sek {{$k=$k+1}} @endisset</td>
@endif
@endif
</tr>
@endforeach
@endisset
</tbody>
@endif
@if(!isset($folder->total_price) & $folder->total_price == '')
<thead>
<div class="row">
<div class="col-md-12 col-xs-12">
<h5 class="text-center" style="border-bottom: 1px solid slategray;">
{{$folder->title}}</h5>
<p>{!! $folder->description !!}</p>
</div>
</div>
<tr>
<th scope="col">Wagt aralygy</th>
<th scope="col">Bahasy</th>
<th scope="col">TV</th>
<th scope="col">Radio</th>
<th scope="col">Subtitle</th>
<th scope="col">Web</th>
</tr>
</thead>
<tbody>
@isset($folder->folder_table)
@foreach($folder->folder_table as $table)
<tr>
<td>@isset($table['time']) {{$table['time']}} @endisset</td>
<td>@isset($table['price']) {{$table['price']}} m/sek. @endisset</td>
<td>@isset($table['set_tv']) {{$table['set_tv']}} kan.@endisset</td>
<td>@isset($table['set_radio']) {{$table['set_radio']}} kan. @endisset</td>
<td>@isset($table['set_sub']) {{$table['set_sub']}} kan. @endisset</td>
<td>@isset($table['set_web']) {{$table['set_web']}} @endisset</td>
</tr>
@endforeach
@endisset
</tbody>
@endif
</table>
</div>
@endif
@endforeach
</div>
</div>
@endif
@endforeach
</div>
</div>
</div>
<div class="col-md-3 col-lg-3 col-xs-12 mt-1">
<div>
<h4 class="fontSemiBold">Kalkulýator</h4>
<form id="folder_form">
<div class="form-row for-add-button">
<div class="row add_box">
<div class="calculator-box">
<div class="mb-3" style="margin-top: 1em;">
<label for="validationDefault01">Sekund sany
<i style="color:dodgerblue; cursor:pointer;" data-toggle="tooltip" data-placement="top" title="Sekund sany dushundirish" class="fa fa-info-circle"></i>
</label>
<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;">
<label for="folder_select">Bukja
<i style="color:dodgerblue; cursor:pointer;" data-toggle="tooltip" data-placement="top" title="Bukja dushundirish" class="fa fa-info-circle"></i>
</label>
<select id="folder_select" class="form-control" name="folder_select">
<option selected>--</option>
<optgroup label="Döwlet kärhanalary we Jemgyýetçilik guramalary">
@foreach($folders as $folder)
@if($folder->property->filter_value == 1)
<option value="{{$folder->id}}" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif>{{$folder->title}}</option>
@endif
@endforeach
</optgroup>
<optgroup label="Hususy eýeçilikdäki ýerli kärhanalar">
@foreach($folders as $folder)
@if($folder->property->filter_value == 2)
<option value="{{$folder->id}}" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif>{{$folder->title}}</option>
@endif
@endforeach
</optgroup>
<optgroup label="Daşary ýurt kärhanalary we ilçihanalar">
@foreach($folders as $folder)
@if($folder->property->filter_value == 3)
<option value="{{$folder->id}}" @if(isset($folder->total_price)) price="{{$folder->total_price}}" @endif>{{$folder->title}}</option>
@endif
@endforeach
</optgroup>
</select>
</div>
<div class="mb-3" id="bukja_1_1_wagt" style="display: none; width: 100%; margin-top: 1em;">
<label for="select_time1">Wagt aralygy</label>
<select id="select_time1" class="form-control sel_time">
<option selected>--</option>
@foreach($folders as $folder)
@if($folder->property->filter_value == 1)
@if($folder->choice_time == true)
@foreach($folder->folder_table as $ft)
<option value="{{$ft['price']}}" data-toggle="tooltip" title="{{$ft['price']}} min/sek.">{{$ft['time']}}</option>
<span id=""></span>
@endforeach
@endif
@endif
@endforeach
</select>
</div>
<div class="mb-3" id="bukja_1_2_wagt" style="display: none; width: 100%; margin-top: 1em;">
<label for="select_time2">Wagt aralygy</label>
<span id=""></span>
<select id="select_time2" class="form-control sel_time">
<option selected>--</option>
@foreach($folders as $folder)
@if($folder->property->filter_value == 2)
@if($folder->choice_time == true)
@foreach($folder->folder_table as $ft)
<option class="time_opt" value="{{$ft['price']}}" data-toggle="tooltip" title="{{$ft['price']}} man/sek">{{$ft['time']}}</option>
@endforeach
@endif
@endif
@endforeach
</select>
</div>
<div class="mb-3" id="bukja_1_3_wagt" style="display: none; width: 100%; margin-top: 1em;">
<label for="select_time3">Wagt aralygy</label>
<span id=""></span>
<select id="select_time3" class="form-control sel_time">
<option selected>--</option>
@foreach($folders as $folder)
@if($folder->property->filter_value == 3)
@if($folder->choice_time == true)
@foreach($folder->folder_table as $ft)
<option value="{{$ft['price']}}" data-toggle="tooltip" title="{{$ft['price']}} man/sek.">{{$ft['time']}}</option>
@endforeach
@endif
@endif
@endforeach
</select>
</div>
<div class="mb-3 form-group" style="margin-top: 1em;">
<label for="folder_day">Gün
<i style="color:dodgerblue; cursor:pointer;" data-toggle="tooltip" data-placement="top" title="Gun dushundirish" class="fa fa-info-circle"></i>
</label>
<input type="number" class="form-control" id="folder_day" placeholder="Naçe gün" value="" required>
</div>
<div class=" mb-3 form-group">
<label for="all_price">Jemi baha</label>
<div class="all_total_price" style="color:#187F7E"><span id="all_price" style="color:#187F7E">0</span> TMT</div>
</div>
<div class="text-right mb-3">
<button type="button" class="btn btn-primary" id="hasapla-btn" style="font-size: 1em; background-color: #187F7E;">Hasapla</button> |
<button type="button" class="btn btn-primary" id="add_new_calc" style="font-size: 1em; background-color: #187F7E;">+</button>
</div>
<div id="customer_cases" style="margin-top: 1em;">
{{-- For orders--}}
</div>
</div>
</div>
</div>
<div class="row" id="order_it_box" style="display: none;">
<div style="margin-top:15px; width:100%; text-align: right;">
<button type="button" class="btn btn-danger" id="clear_table">Arassala</button> |
<button type="button" class="btn btn-primary" id="order_it_btn" data-toggle="modal"
data-target="#exampleModalCenter" style="background-color: #187F7E; border:1px solid #187F7E;">Sargyt et</button>
</div>
</div>
</form>
</div>
</div>
{{--Udalit-etmeli-dal--}}
<div class="nyrhnama-box">
<div class="calc-box" style="margin-bottom: 25px;">
<div class="ui active centered inline loader"></div>
<form id="folder_form">
<div class="udalit-etmeli-dal-tablitsa">
<div class="row" style="margin-top: 25px;">
<div class="col-md-12">
<h4 class="fontSemiBold">Siziň saýlan bukjalaryňyz</h4>
<h6 id="no-table-message" class="fontSemiBold" style="color: red;">Siz entek bukja saýlaňyzok.</h6>
</div>
</div>
<div id="orders-table-box" style="display: none;">
<div class="row" style="margin-top:15px;">
<div class="customer_table">
<span id="choices_count" style="display: none;"></span>
<table class="table table-bordered">
<thead>
<tr>
<th scope="col"></th>
<th scope="col">Saýlanan bukja</th>
<th scope="col">Sekund</th>
<th scope="col">Wagt aralygy</th>
<th scope="col">Gün sany</th>
<th scope="col">Bukja üçin jemi baha</th>
</tr>
</thead>
<tbody id="orders_table">
{{-- zakazy sdes--}}
</tbody>
</table>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
{{--Udalit-etmeli-dal-end--}}
@else
<div class="col-md-12 col-xs-12 text-center">
<p><b>Bukja yok</b></p>
</div>
@endif
{{--<!--Sargyt uchin modal-->--}}
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Bukjany sargyt etmek üçin aşakdaky setirleri dolduryň</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<form id="send_form" method="POST" action="{{route('bukjalar.store')}}">
<div class="modal-body">
<div class="alert alert-success" role="alert" id="alert_success" style="display: none">
Siziň bukjaňyz üstünlikli kabul edildi. Biziň işgärlerimiz tiz wagtda size jogap berer.
</div>
<div class="alert alert-danger" role="alert" id="alert_danger" style="display: none">
Ýalňyşlyk ýüze çykdy. Täzeden synanyşyň ýa-da menýudan <a href="{{route('cont')}}">Habarlaşmak üçin</a> bölümini saýlaň.
</div>
<div class="form-group">
<label for="customer_name" class="col-form-label">Ady:<span style="color:red;">*</span></label>
<input type="text" class="form-control for-clear" id="customer_name" placeholder="Sargyt edijiniň ady ýa-da familiýasy" required>
</div>
{{csrf_field()}}
<div class="form-group">
<label for="customer_phone" class="col-form-label">Telefon: <span style="color:red;">*</span></label>
<input type="text" class="form-control for-clear" id="customer_phone" placeholder="+993 61234567" required>
</div>
<div class="form-group">
<label for="customer_email" class="col-form-label">E-mail:</label>
<input type="email" class="form-control for-clear" id="customer_email" placeholder="meselem@gmail.com">
</div>
<div class="form-group">
<label for="customer_notes" class="col-form-label" >Goşmaça bellikler:</label>
<textarea class="form-control for-clear" id="customer_notes" placeholder="Mahabat etmek isleäýän zadyňyz barada şu ýerik ýazyň..."></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Yza</button>
<button type="button" class="btn btn-primary" id="customer_send_btn" style="background-color: #187F7E; border:1px solid #187F7E;">Ugrat</button>
</div>
</form>
</div>
</div>
</div>
{{--<!--Sargyt uchin modal end-->--}}
</div>
</div>
@endsection
@section('after_scripts')
<script src="{{ asset('assets/libs/owl/owl-carousel/owl.carousel.js')}}"></script>
<script src="{{ asset('assets/js/index.js')}}"></script>
<script src="{{ asset('assets/js/scripts.js')}}"></script>
@endsection