@extends('layouts.master')
@section('content')
@include('partials.containers-header')
<div class="card">
    <div class="card-header {{config('adminlte.bg-card-header', 'bg-info-gradient')}}">
        <div class="row">
            <div class="col-md-10">
                <h4 class="card-title">@lang('Show') @lang('Frequency')</h4>
            </div>
            <div class="col-md-2 navegacion">
                <div class="btn-group" id="nave">
                    @include('partials.navegation')
                </div>
            </div>
        </div>
    </div>
    <div class="card-body">
        <form role="form">
            <div class="form-group row" style="margin-top: -.8em">
                <div class="col-md-4"></div>
                <div class="col-md-6" id="acti">
                    @include('partials.show-buttons',[
                        'model' => $model,
                        'btns'  => 'cei'
                    ])
                </div>
            </div>
            @include('frequency.fields',[
                'option' => 'show',
                'record' => $record
            ])
        </form>
    </div>
</div>

@include('partials.changes')
@include('partials.containers-footer')
@endsection


@push('scripts')
<script type="text/javascript">
function startIntro(){
    var intro = introJs();
    intro.setOptions({
        nextLabel: "{{__('Next')}}",
        prevLabel: "{{__('Prev')}}",
        skipLabel: "{{__('Skip')}}",
        doneLabel: "{{__('Done')}}",
        steps: [
            { intro: "{{__('This form allows to see the information of a Frecuency')}}!!" },
            { element: '#nave', intro: "{{__('Use these buttons to navigate records')}}", position: "left"},
            { element: '#back', intro: "{{__('Use this button to go to records list')}}", },
            { element: '#edit', intro: "{{__('Use this button to edit this record')}}", },
            { element: '#chan', intro: "{{__('Use this button to see the changes have been applied to this record')}}", },
            { element: '#name', intro: "{{__('Name of the Frequency')}}", },
            { element: '#func', intro: "{{__('Function used to calculate dates related to the Frequency')}}", },
            { element: '#qtyx', intro: "{{__('Quantity related to the Frecuency')}}", },
        ]
    });
    intro.start();
}
</script>
@endpush