@extends('admin._layouts.master')

@section('css')

    {!! HTML::style('/assets/common/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css') !!}

@endsection

@section('content')

    {!! Form::model($subscription, array('url' => $action, 'method' => $method)) !!}
    <div class="row">
        <div class="col-md-6">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">@transTitleCase('ui.create.title', [
                         'model_name' => trans('models.customer.model_name')
                     ])</h3>
                </div>
                <div class="box-body">
                    {!! FormGroup::select('company_id', 'Firma', $companies, null, ['class' => 'form-control']) !!}
                    {!! FormGroup::select('package', 'Paket', transTitleCase('generic.subscription_packages')) !!}
                    {!! FormGroup::select('type', 'Üyelik Türü', transTitleCase('generic.subscription_types')) !!}

                    <div class="form-group">
                        <label class="required">Başlangıç</label>
                        <div class='input-group date' id='starting'>
                            <span class="input-group-addon">
                                <span class="fa fa-calendar"></span>
                            </span>
                            <input type="text" name="starting" class="form-control">
                        </div>
                    </div>

                    <div class="form-group">
                        <label>Bitiş</label>
                        <div class='input-group date' id='ending'>
                            <span class="input-group-addon">
                                <span class="fa fa-calendar"></span>
                            </span>
                            <input type="text" id="ending_id" name="ending" class="form-control">
                        </div>
                    </div>

                    <div class="form-group">
                        <label>Fiyat</label>
                        <div class='input-group date' id='paid-at'>
                            <span class="input-group-addon">
                                <small>Günlük :</small>
                            </span>
                            {!! Form::number('daily_price', formatCurrency($subscription->daily_price), ['class' => 'form-control', 'step' => '0.001', 'pattern' => "[0-9]+([\., ][0-9]+)?"]) !!}
                            <span class="input-group-addon">
                                <small>Aylık :</small>
                            </span>
                            {!! Form::number('price', $subscription->price, ['class' => 'form-control', 'step' => '0.01', 'pattern' => "[0-9]+([\., ][0-9]+)?"]) !!}
                            <span class="input-group-addon">
                                @currencySymbolLg
                            </span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>İndirim</label>
                        <div class='input-group date' id='paid-at'>
                            <span class="input-group-addon">
                                <small>Günlük :</small>
                            </span>
                            {!! Form::number('daily_discount', formatCurrency($subscription->daily_discount), ['class' => 'form-control', 'step' => '0.001', 'pattern' => "[0-9]+([\., ][0-9]+)?"]) !!}
                            <span class="input-group-addon">
                                <small>Aylık :</small>
                            </span>
                            {!! Form::number('discount', $subscription->discount, ['class' => 'form-control', 'step' => '0.01', 'pattern' => "[0-9]+([\., ][0-9]+)?"]) !!}
                            <span class="input-group-addon">
                                @currencySymbolLg
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <div class="box box-primary">
                <div class="box-body">
                    @include('admin._partials.form-submit')
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}

@endsection

@push('scripts')

    {!! HTML::script('/assets/common/bootstrap-datetimepicker/moment-with-locales.min.js') !!}
    {!! HTML::script('/assets/common/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js') !!}

    <script>
        $(function () {
            $('#company_id').select2({
                tags: false
            })
            $('#starting').datetimepicker({
                locale     : moment.locale(window.userLocale),
                format     : 'DD.MM.YYYY',
                defaultDate: '{{ $subscription->starting ?: Carbon\Carbon::now() }}',
            })
            $('#ending').datetimepicker({
                locale          : moment.locale(window.userLocale),
                format          : 'DD.MM.YYYY',
                showClear       : true,
                toolbarPlacement: 'top',
                defaultDate     : '{{ $subscription->ending }}'
            })

            $priceMonthly = $('input[name=price]')
            $price        = $('input[name=daily_price]')

            $discountMonthly = $('input[name=discount]')
            $discount        = $('input[name=daily_discount]')

            $priceMonthly.on('input', function () {
                var amount = $priceMonthly.val().replace(',', '.')
                $priceMonthly.val(amount)
                $price.val(Number(amount / 30).toFixed(3))
            })

            $price.on('input', function () {
                var amount = $price.val().replace(',', '.')
                $price.val(amount)
                $priceMonthly.val(Number(amount * 30).toFixed(2))
            })

            $discountMonthly.on('input', function () {
                var amount = $discountMonthly.val().replace(',', '.')
                $discountMonthly.val(amount)
                $discount.val(Number(amount / 30).toFixed(3))
            })

            $discount.on('input', function () {
                var amount = $discount.val().replace(',', '.')
                $discount.val(amount)
                $discountMonthly.val(Number(amount * 30).toFixed(2))
            })

        })
    </script>

@endpush