@section('vendor-style')
    <link rel="stylesheet" href="{{ asset('vendors/select2/select2.min.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ asset('vendors/select2/select2-materialize.css') }}" type="text/css">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/form-select2.css') }}">
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/flag-icon/css/flag-icon.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/dropify/css/dropify.min.css')}}">
@endsection
<div class="section">
    <div class="card">
        <div class="card-content">
            <h5>Iniciativa</h5>
            <div class="row">
                <div class="input-field col s12">
                    <div class="form-group">
                        <label class="control-label" style=" color:  #960948;"><strong>Titulo: </strong></label>
                        {!! Form::textarea('titulo', isset($banner) ? $banner->titulo : null, ['class' => 'form-control materialize-textarea', 'placeholder' => 'P. Ej. Orozco', 'id' => 'titulo', 'required' => true]) !!}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="input-field col s12">

                    <div class="switch">
                        <label>
                            Liga
                            {!! Form::checkbox('tipo', null, false, ['class' => 'form-control materialize-textarea', 'id' => 'tipo']) !!}
                            <span class="lever"></span>
                            Documento
                        </label>
                    </div>
                </div>
            </div>
            <div class="row" id="liga">
                <div class="input-field col s12">
                    <div class="form-group">
                        <label class="control-label" style=" color:  #960948;"><strong>Liga:</strong></label>
                        {!! Form::textarea('documento_path', isset($banner) ? $banner->documento_path : null, ['class' => 'validate  text-uppercase materialize-textarea', 'id' => 'comisiones', "required"]) !!}
                    </div>
                </div>
            </div>
            <div class="row" id="documento">
                <div class="col s12 m4 l3">
                    <label class="control-label" style=" color:  #960948;">
                        <strong>
                            Cargar archivo
                        </strong>
                    </label>
                </div>
                <div class="col s12 m8 l9">
                    {!! Form::file('documento', ['class' => 'dropify', 'id' => 'documento_file', "required"]) !!}
                </div>
            </div>
            <div class="row">
                <div class="col s12 m4 l3">
                    <label class="control-label" style=" color:  #960948;">
                        <strong>
                            Cargar Foto
                        </strong>
                    </label>
                </div>
                <div class="col s12 m8 l9">
                    {!! Form::file('foto_path', ['class' => 'dropify', 'id' => 'foto_file', "required"]) !!}
                </div>
            </div>
            <div class="row">
                <div class="col s12">
                    <button class="btn cyan waves-effect waves-light right" id="btnSubmit" type="submit">
                        @if(isset($banner))
                            Actualizar
                        @else
                            Guardar
                        @endif
                        <i class="material-icons right">save</i>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
@push('scripts')
    <script src="{{ asset('vendors/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('js/scripts/form-select2.js') }}"></script>
    <script src="{{asset('vendors/dropify/js/dropify.min.js')}}"></script>
    <script src="{{asset('js/scripts/form-file-uploads.js')}}"></script>

    <script type="text/javascript">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $(document).ready(function () {
            $(".select2").select2();
            $('.timepicker').datepicker();
            $("#documento").hide();
            $("#documento_file").prop("disabled", true);
            $("#tipo").click(function () {
                let documento = $("#documento");
                let liga = $("#liga");
                if ($(this).is(":checked")) {
                    documento.show();
                    $("#documento_file").prop("disabled", false).prop("required", false);
                    liga.hide();
                    liga.find("textarea").val("").prop("disabled", true);
                    $(".dropify-clear").click();
                } else {
                    liga.show();
                    liga.find("textarea").prop("disabled", false);
                    documento.hide();
                    $("#documento_file").val("").prop("disabled", true).prop("required", false);
                }
            });
            @isset($banner)
            @if($banner->tipo_documento == true)
            $("#tipo").click();
            @endif
            $("#foto_file").prop("required", false);
            @endisset
        });
    </script>
@endpush