@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('institutions.index') }}">@lang('institutions')</a></li>
        <li>@lang('edit_institution')</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_institution')</h3>
                    </div>
                    <form method="POST" id="form_edit" institution_id="{{ $institution->id }}">
                        @method('PUT')
                        @include('institutions.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/institutions.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 ($institution)
        var dep         = '{{ $institution->city->department_id }}';
        var city        = '{{ $institution->city->id }}';
        var accredited  = '{{ $institution->accredited }}';
        changeDepartment(dep,city);
        if(accredited == 1) {
            $('#containerAccredited').removeClass('displayNone');
        }else{
            $('#containerAccredited').addClass('displayNone');
        }
    @endif
</script>
@endsection