@extends('layouts.app')
@section('styles')
    @parent
    <link type="text/css" rel="stylesheet" href="{{asset('css/combodate.css')}}">
    <link href="{{ asset('css/calendar.css')}}" rel="stylesheet">
@endsection
@section('scripts')
    @parent
    <script>
        $(function () {
            @if(!request()->month)
            $('#calendar').hide();
            $('#pir').hide();
            @endif
            $('#saloons').change(function(){
                var src = $(this).find(':selected').attr('data-src');
                var id = $(this).val();
                if(id > 0){
                    $('#calendar').show();
                    $('#pir').show();
                }else{
                    $('#calendar').hide();
                    $('#pir').hide();
                }
            });
            $('.day_active').click(ajaxtime);
            function ajaxtime() {
                date = $(this).attr('id');
                $('.day_active').css('background-color', '#DDD');
                var saloon_id  = $('#saloons').val();
                $(this).css('background-color', '#999');
                sp = date.split('-')
                //console.log(sp[1]);
                real_date = sp[3] + '-' + sp[2] + '-' + sp[1];
                $('#work_date').text(real_date);
                $('#hide_day').val(real_date);
                $.ajax({
                    url: '/ajax/pierce',
                    type: 'post',
                    data: 'date=' + real_date + '&saloon_id=' + saloon_id,
                    success: function (data) {
                        $('#colo').html(data);
                    },
                    error: function (data) {
                        $('#colo').html(data);
                    }
                });
            }
        });
    </script>
@endsection
@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-12 bodycon">
                <div class="panel-body main_body">
                    <div class="main_page">
                        <ul role="tablist" class="nav nav-tabs">
                            <li role="presentation">
                                <a href="{{asset('/piercing/reservation')}}">{{trans('client.price.price edit')}}</a>
                            </li>
                            <li role="presentation" class="active">
                                <a href="#">{{trans('client.shchedule.choose shchedule')}}</a>
                            </li>
                        </ul>

                        <div class="col-md-12">
                            <div id="styles"></div>
                        </div>
                        <form class="tab-content index" method="Post" action="{{asset('/order/piercing')}}">
                            {!! csrf_field() !!}
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="exampleInputEmail1">{{trans('client.tattoo.salons')}}</label>
                                    <select class="form-control" name="saloon_id" id="saloons" required="">
                                        <option value="">{{trans('client.tattoo.choose_saloon')}}</option>
                                        @foreach($saloons as $one)
                                            <option value="{{$one->id}}" data-src="{{$one->picture}}" data-name="{{$one->name}}">{{$one->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <br style="clear:both" />
                            </div>
                            <div class="col-md-6">
                                <div class="calendar_obj">
                                    {!! $calendar !!}
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div id="pir">
                                <div class="works" id="work_date"> </div>
                                <input type="hidden" name="days" id="hide_day" value="{{date('d-m-Y')}}"/>
                                <input type="hidden" name="catalogs_id" value="{{(isset($_GET['catalogs_id']))?$_GET['catalogs_id']:0}}">
                                <div id="colo">
                                    &nbsp;
                                </div>
                                </div>
                            </div>
                            <div class="col-md-12 sends">
                                @php
                                    $b = '';
                                    foreach($_GET as $key => $value){
                                      $a = explode('_', $key);
                                      if($a[0] == 'pierce'){
                                        $b.= $a[1].',';
                                      }
                                    }
                                @endphp
                                <input type="hidden" value="{{$b}}" name="pierce" />
                                <input type="submit" name="send" disabled id="make_order" value="{{trans('client.shchedule.payment')}}"
                                       class="btn btn-block btn-warning">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection