@extends('adminlte::page')

@section('title', 'Upload Document')

@section('content_header')
<h1>Upload Document</h1>
@endsection

@section('content')
<div class="card">
    <div class="card-body">
        <form method="POST" action="{{ route('documents.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label>Case <small class="text-muted">(type to search)</small></label>
                        <select name="case_id" id="selectCase" class="form-control select2" required style="width: 100%;">
                            <option value="">-- Select Case --</option>
                            @foreach($cases as $c)
                            <option value="{{ $c->id }}" {{ old('case_id', request('case_id'))==$c->id ? 'selected' : '' }}>{{ $c->case_number }} - {{ $c->title }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Type</label>
                        <select name="document_type" class="form-control" required>
                            @foreach(['contract','evidence','correspondence','court_filing','invoice','other'] as $opt)
                            <option value="{{ $opt }}">{{ ucfirst($opt) }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Confidential</label>
                        <select name="is_confidential" class="form-control">
                            <option value="0">No</option>
                            <option value="1">Yes</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group">
                        <label>Description</label>
                        <textarea name="description" class="form-control">{{ old('description') }}</textarea>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group">
                        <label>File</label>
                        <input type="file" name="file" class="form-control" required>
                    </div>
                </div>
            </div>
            <button class="btn btn-primary">Upload</button>
            <a href="{{ route('documents.index') }}" class="btn btn-secondary">Cancel</a>
        </form>
    </div>
</div>
@endsection

@push('css')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme@1.5.2/dist/select2-bootstrap4.min.css" rel="stylesheet" />
@endpush

@push('js')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
    // Initialize Select2 for Case dropdown only
    $('#selectCase').select2({
        theme: 'bootstrap4',
        placeholder: 'Type to search case...',
        allowClear: true,
        width: '100%'
    });
});
</script>
@endpush