@extends('adminlte::page')

@section('title', 'Edit AYUSH Transparency PDFs')

@section('content_header')
    <h1>Edit AYUSH Transparency PDFs</h1>
@stop

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Edit Transparency Section PDFs</h3>
        </div>
        <div class="card-body">
            @if($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            
            <form action="{{ route('admin.ayush.transparency.update', $transparency) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')
                
                <div class="form-group">
                    <label for="suspended_clients_pdf">Suspended Clients PDF</label>
                    @if($transparency->suspended_clients_pdf_url)
                        <div class="mb-2">
                            <strong>Current PDF:</strong> 
                            <a href="{{ $transparency->suspended_clients_pdf_url }}" target="_blank" class="btn btn-sm btn-info">
                                <i class="fas fa-file-pdf"></i> View Current PDF
                            </a>
                        </div>
                    @endif
                    <div class="input-group">
                        <div class="custom-file">
                            <input type="file" class="custom-file-input @error('suspended_clients_pdf') is-invalid @enderror" id="suspended_clients_pdf" name="suspended_clients_pdf" accept=".pdf" onchange="validateFile(this, 'suspended')">
                            <label class="custom-file-label" for="suspended_clients_pdf">Choose file</label>
                        </div>
                    </div>
                    @error('suspended_clients_pdf')
                        <span class="invalid-feedback">{{ $message }}</span>
                    @enderror
                    <small class="form-text text-muted">Maximum file size: 10MB. Only PDF files are allowed. Leave empty to keep current file.</small>
                    <div id="suspended-file-info" class="mt-2" style="display: none;">
                        <small class="text-info">Selected file: <span id="suspended-file-name"></span> (<span id="suspended-file-size"></span>)</small>
                    </div>
                </div>

                <div class="form-group">
                    <label for="withdrawn_clients_pdf">Withdrawal Clients PDF</label>
                    @if($transparency->withdrawn_clients_pdf_url)
                        <div class="mb-2">
                            <strong>Current PDF:</strong> 
                            <a href="{{ $transparency->withdrawn_clients_pdf_url }}" target="_blank" class="btn btn-sm btn-info">
                                <i class="fas fa-file-pdf"></i> View Current PDF
                            </a>
                        </div>
                    @endif
                    <div class="input-group">
                        <div class="custom-file">
                            <input type="file" class="custom-file-input @error('withdrawn_clients_pdf') is-invalid @enderror" id="withdrawn_clients_pdf" name="withdrawn_clients_pdf" accept=".pdf" onchange="validateFile(this, 'withdrawn')">
                            <label class="custom-file-label" for="withdrawn_clients_pdf">Choose file</label>
                        </div>
                    </div>
                    @error('withdrawn_clients_pdf')
                        <span class="invalid-feedback">{{ $message }}</span>
                    @enderror
                    <small class="form-text text-muted">Maximum file size: 10MB. Only PDF files are allowed. Leave empty to keep current file.</small>
                    <div id="withdrawn-file-info" class="mt-2" style="display: none;">
                        <small class="text-info">Selected file: <span id="withdrawn-file-name"></span> (<span id="withdrawn-file-size"></span>)</small>
                    </div>
                </div>

                <div class="form-group">
                    <div class="custom-control custom-switch">
                        <input type="checkbox" class="custom-control-input" id="is_active" name="is_active" {{ old('is_active', $transparency->is_active) ? 'checked' : '' }}>
                        <label class="custom-control-label" for="is_active">Active</label>
                    </div>
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-primary">Update PDFs</button>
                    <a href="{{ route('admin.ayush.transparency.index') }}" class="btn btn-secondary">Cancel</a>
                </div>
            </form>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop

@section('js')
    <script>
        $(document).ready(function() {
            $('.custom-file-input').on('change', function() {
                let fileName = $(this).val().split('\\').pop();
                $(this).next('.custom-file-label').addClass("selected").html(fileName);
            });
        });
        
        function validateFile(input, type) {
            const file = input.files[0];
            const fileInfo = document.getElementById(type + '-file-info');
            const fileName = document.getElementById(type + '-file-name');
            const fileSize = document.getElementById(type + '-file-size');
            
            if (file) {
                // Show file info
                fileName.textContent = file.name;
                fileSize.textContent = formatFileSize(file.size);
                fileInfo.style.display = 'block';
                
                // Validate file type
                if (file.type !== 'application/pdf') {
                    alert('Please select a valid PDF file.');
                    input.value = '';
                    fileInfo.style.display = 'none';
                    return false;
                }
                
                // Validate file size (10MB = 10 * 1024 * 1024 bytes)
                const maxSize = 10 * 1024 * 1024;
                if (file.size > maxSize) {
                    alert('File size must be less than 10MB.');
                    input.value = '';
                    fileInfo.style.display = 'none';
                    return false;
                }
            } else {
                fileInfo.style.display = 'none';
            }
        }
        
        function formatFileSize(bytes) {
            if (bytes === 0) return '0 Bytes';
            const k = 1024;
            const sizes = ['Bytes', 'KB', 'MB', 'GB'];
            const i = Math.floor(Math.log(bytes) / Math.log(k));
            return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
        }
    </script>
@stop