@extends('layouts.adminapp')

@section('content')
    {{-- Create New Downloads --}}
    <div class="container mt-4">
        <h2 class="text-center text-gray-900 mb-4">Create New Download Item</h2>


        <form method="post" action="{{ route('Downloads.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="card">
                <div class="card-header shadow">
                    <div class="card-body p-5">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="date" class="form-label">{{ __('lng.Date') }}</label>
                                <input value="{{ old('date') }}" type="date"
                                    class="form-control @error('date') border-red-600 @enderror" name="date"
                                    id="date" required />
                                @error('date')
                                    <span class="text-xs text-red-700" id="dateHelp">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="file" class="form-label">File:</label>
                                <input value="{{ old('file') }}" type="file" class="form-control" name="file"
                                    id="file"
                                    onchange="
                                        var input=this;
                                            if (input.files && input.files[0]) {
                                            var reader = new FileReader();
                                            var size=(Math.round(input.files[0].size/1024));
                                            if(size>1024)
                                                {
                                                alert('Please Upload file lesthan 1MB\nControl load time');
                                                input.value='';
                                                }
                                            else{
                                                reader.onload = function (e) {
                                                }
                                                reader.readAsDataURL(input.files[0]);
                                                }
                                        }" />
                                @error('file')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="subject" class="form-label">Subject:</label>
                                <input value="{{ old('subject') }}" type="text" class="form-control" name="subject"
                                    id="subject" required />
                                @error('subject')
                                    <span class="text-xs text-red-700" id="passwordHelp">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="valid_date" class="form-label">Valid Till:</label>
                                <input value="{{ old('valid_date') }}" type="date"
                                    class="form-control @error('valid_date') border-red-600 @enderror" name="valid_date"
                                    id="valid_date" required />
                                @error('valid_date')
                                    <span class="text-xs text-red-700" id="dateHelp">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="txtNarration" class="form-label">Narration:</label>
                                <input type="text" class="form-control" id="txtNarration" name="narration"
                                    value="{{ old('narration') }}">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="is_Active" class="form-label">is_Active</label>
                                <input type="checkbox" class="form-checkbox" name="is_Active" id="is_Active"
                                    onchange="toggleCloseDate()">
                            </div>
                            <div class="d-flex justify-content-end mt-3">
                                <a href="{{ route('Downloads.index') }}" class="btn btn-secondary me-2">Back</a>
                                <button type="submit" class="btn btn-primary">Save</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <script>
        window.addEventListener('DOMContentLoaded', (event) => {
            toggleCloseDate();
        });

        function toggleCloseDate() {
            var isActiveCheckbox = document.getElementById('is_Active');
            var closeDateInput = document.getElementById('valid_date');
            closeDateInput.readOnly = !isActiveCheckbox.checked;

            closeDateInput.required = isActiveCheckbox.checked;
        }
    </script>
@endsection