@extends('layouts.master')
@section('page-css')
<link rel="stylesheet" href="{{ asset('assets/styles/vendor/ladda-themeless.min.css') }}">
<link rel="stylesheet" href="{{ asset('js/plugins/select2/select2.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/styles/vendor/pickadate/classic.css') }}">
<link rel="stylesheet" href="{{ asset('assets/styles/vendor/pickadate/classic.date.css') }}">
@endsection
@section('main-content')
<div class="breadcrumb">
    {{-- <h1> @lang('create_zone')</h1> --}}
    <ul>
        <li><a href="{{ route('automaticprocesses.index') }}">@lang('automaticprocesses')</a></li>
        <li>@lang('edit_automaticprocess')</li>
    </ul>
</div>
<div class="separator-breadcrumb border-top"></div>

<section class="widget-card">
    <div class="form_container">
        <div class="row">
            <div class="col-lg-6 offset-lg-3 mb-3">
                <div class="card">
                    <div class="card-header bg-transparent">
                        <h3 class="card-title"> @lang('edit_automaticprocess')</h3>
                    </div>
                    <form method="POST" id="form_edit" automaticprocess_id="{{ $automaticprocess->id }}">
                        @method('PUT')
                        @include('automaticprocesses.form')
                        @include('layouts.button_edit')
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('page-js')
<script src="{{asset('js/plugins/select2/select2.min.js')}}"></script>
<script src="{{asset('assets/js/vendor/spin.min.js')}}"></script>
<script src="{{asset('assets/js/vendor/ladda.js')}}"></script>
<script src="{{asset('js/views/automaticprocesses.js')}}"></script>
<script src="{{asset('assets/js/vendor/pickadate/picker.js')}}"></script>
<script src="{{asset('assets/js/vendor/pickadate/picker.date.js')}}"></script>
<script src="{{asset('assets/js/vendor/pickadate/translations/es_ES.js')}}"></script>
<script>
    $(".select2").select2();
    $("[data-toggle=popover]").popover();
    $('.datepicker').pickadate();
</script>
<script src="{{asset('js/plugins/select2/es.js')}}"></script>
<script>
    @if ($automaticprocess)
        var typeprocess_id  = '{{ $automaticprocess->typeprocess_id }}';
        var report_id  = '{{ $automaticprocess->report_id }}';
        var params  = '{{ $automaticprocess->params }}';
        switch (typeprocess_id) {
            case '1':
                $("#containerNotification").removeClass("displayNone");
                $(".select2").select2();
                break;
            case '2':
                $("#containerNotification").removeClass("displayNone");
                $("#containerReport").removeClass("displayNone");
                params = JSON.parse(params.replace(/&quot;/g,'"'));
                if(report_id == 1){
                    $("#componentInstitution").removeClass("displayNone");
                    document.getElementById("institution_id").value = params.institution_id;
                    document.getElementById("program_id").value = params.program_id;
                    document.getElementById("rotation_start_range_start").value = params.rotation_start_range_start;
                    document.getElementById("rotation_start_range_end").value = params.rotation_start_range_end;
                    document.getElementById("rotation_end_range_start").value = params.rotation_end_range_start;
                    document.getElementById("rotation_end_range_end").value = params.rotation_end_range_end;
                }

                if(report_id == 2){
                    $("#componentStudent").removeClass("displayNone");
                    document.getElementById("document_student").value = params.document_student;
                }
                $(".select2").select2();
                break;
            case '3':
                $("#containerProcess").removeClass("displayNone");
                $(".select2").select2();
                break;
            default:
                break;
        }
    @endif
</script>
@endsection