@csrf
    
    <div id="errors" class="alert alert-danger" style="display:none;"></div>
    
    <input type="hidden" name="id" id="form_id" value="{{isset($soubor->id) ? $soubor->id:0}}">
    <input type="hidden" name="id_domu" id="id_domu" value="{{$id_domu}}">
    
    @if($showUpload)
    <div id="rowForm" class="row">
        <div class="col-sm-2"> <label for="select_file">Přidat dokumenty:</label > </div>
        <div class="col-sm-10"> @include('components.fileUploader')</div>
    </div>
    @endif

    
    <div id="rowForm" class="row">
        <div class="col-sm-2"> <label for="form_title">Název dokumentu</label> </div>
        <div class="col-sm-10"><input type="text" class="form-control" name="title" id="form_title" value="{{ old('title', $soubor->title ?? '') }}" required></div>
    </div>

    <div id="rowForm" class="row">
        <div class="col-sm-2"> <label for="typDoc">Typ dokumentu</label></div>
        <div class="col-md-3">
            <select id="typDoc" name="typDoc" class="form-control" required>
                @foreach($typesDoc as $typeDoc)
                    <option value="{{ $typeDoc }}"
                      {{ old('typDoc', $soubor->typeDoc ?? '') === $typeDoc ? 'selected' : '' }}>
                        {{ $typeDoc }}
                    </option>
                @endforeach
            </select>
        </div>
       <div class="col-md-7">
            <div class="col-sm-6" id="jinyTypWrapper" style="display: none;"> 
                <input type="text" class="form-control" name="jinyTyp" id="form_jinyTyp" placeholder="Zadej jiný typ" /> 
            </div>
        </div>
    </div> 
    
    <div id="rowForm" class="row">
        <div class="col-sm-2"> <label for="form_descr">Detailní popis</label></div>
        <div class="col-sm-8"> <textarea class="form-control" name="descr" id="form_descr"></textarea></div>
    </div>    

    <div id="rowForm" class="row">
        @php ($checked = "")
            @if($soubor->sendSpravci)
                @php ($checked = "checked")
            @endif
        <div class="col-sm-2"></div>
        <div class="col-sm-3">
            <div class="checkbox">
                <label><input type="checkbox" name="posli" id="posli" value="0" {{$checked}}>&nbsp; Pošli správci</label>
            </div>
        </div>    
    </div>    
    
    <div id="rowForm" class="row">
        <div class="col-sm-2"> <label for="form_stav">Stav</label></div>
        <div class="col-sm-3">
        <select name="stav" id="form_stav" class="form-control">
            <option value="0">Nezveřejňuj</option>
            <option value="1">Veřejný - vidí všichni</option>
            <option value="2">Neveřejný -  vidí jen výbor domu</option>
        </select>
        </div>    
    </div>
    
    <div id="rowForm" class="row">
        <div class="col-sm-2"> <label for="form_expirace">Expirace</label></div>
        <div class="col-sm-1"><input id="expirace" class="input-daterange form-control datepicker end_date" name="expirace" value="{{ $soubor->expirace }}" size="10" placeholder="Zadej vypršení platnosti" type="text" autocomplete="off"></div>
    </div>
    

    <button id="ulozit" type="submit" class="btn btn-blue-custom" data-pozadavek="-1">Ulož</button>
    
    <a href="{{ route('souborUpload.index') }}" class= "btn btn-red-custom" role="button" id="butt_right">Zpět</a>
    
    <input type="hidden" id="rootPath" value="{{ url('/') }}">


    <script type="text/javascript">
    $(document).ready(function() {
        function toggleJinyTyp() {
            let selected = $('#typDoc').val();
            if (selected === 'Jiný typ') {
                $('#jinyTypWrapper').show();
            } else {
                $('#jinyTypWrapper').hide();
            }
        }

        // Inicializace
        toggleJinyTyp();

        // Událost při změně comboboxu
        $('#typDoc').on('change', function() {
            toggleJinyTyp();
            });
    
    
    $( "#expirace" ).datepicker();
    });
    </script>