@extends('layouts.app')
@section('styles')
    <!-- CSS -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.18/summernote-lite.min.css" rel="stylesheet">
@endsection
@section('content')
    <div class="card-header"><span><a href="{{ route('dashboard') }}">{{ __('Dashboard') }}</a></span> >
        <span>{{ __('Settings') }}</span>
    </div>
    <div class="card-body dashboard-card">

        <!------- Filter data by Datewise----->
        <form id="form" action="{{ route('settings.update') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <input type="hidden" id="settings_id" name="settings_id" value="{{ $settings->id }}">
                <div class="col-lg-6 col-md-6 col-12">


                    <div class="mb-3 form-group">
                        <label for="amount" class="form-label">Amount</label>
                        <input type="number" id="amount" class="form-control" name="amount" placeholder="Amount"
                            value="{{ $settings->amount ?? old('amount') }}" required>
                        @if ($errors->has('amount'))
                            <span class="text-danger">{{ $errors->first('amount') }}</span>
                        @endif
                    </div>
                    <div class="mb-3 form-group">
                        <label for="employee_amount" class="form-label">Employee Amount</label>
                        <input type="number" id="employee_amount" class="form-control" name="employee_amount"
                            value="{{ $settings->employee_amount ?? old('employee_amount') }}" placeholder="Employee Amount"
                            required>
                        @if ($errors->has('employee_amount'))
                            <span class="text-danger">{{ $errors->first('employee_amount') }}</span>
                        @endif
                    </div>
                     <div class="mb-3 form-group">
                        <label for="available_slots" class="form-label">Available Slots</label>
                        <input type="number" id="available_slots" class="form-control" name="available_slots"
                            value="{{ $settings->available_slots ?? old('available_slots') }}"
                            placeholder="Employee Amount" required>
                        <span class="text-info">Total booked slots - {{ $settings->booked_slots }}</span>
                        @if ($errors->has('available_slots'))
                            <span class="text-danger">{{ $errors->first('available_slots') }}</span>
                        @endif
                    </div>
                    
                     <div class="mb-3 form-group">
                    <div class="mb-3 form-group">
                        <label for="Subject" class="form-label">Subject</label>
                        <textarea id="subject" class="form-control" name="subject"
                             >{{ $settings->subject ?? old('subject') }}</textarea>
                        @if ($errors->has('subject'))
                            <span class="text-danger">{{ $errors->first('subject') }}</span>
                        @endif
                    </div>
                </div>
                    
                    <div class="mb-3 form-group">
                        <label for="banner" class="form-label">Banner</label>
                        <input type="file" id="banner" class="form-control image" name="banner" placeholder="Banner">
                        <img class="show-image mt-3" src="{{ $settings->banner }}" width="300">
                        @if ($errors->has('banner'))
                            <span class="text-danger">{{ $errors->first('banner') }}</span>
                        @endif
                    </div>
                   


                </div>
                <div class="col-lg-6 col-md-6 col-12">
                    <div class="mb-3 form-group">
                        <label for="terms_conditions" class="form-label">Terms & Conditions</label>
                        <textarea id="terms_conditions" class="form-control summernote" name="terms_conditions"
                             >{{ $settings->terms_conditions ?? old('terms_conditions') }}</textarea>
                        @if ($errors->has('terms_conditions'))
                            <span class="text-danger">{{ $errors->first('terms_conditions') }}</span>
                        @endif
                    </div>
                </div>
                <button type="submit" class="btn">Update</button>
            </div>
        </form>
    @endsection
    @section('scripts')
        <!-- JS -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.18/summernote-lite.min.js"></script>
        <script>
            $(document).ready(function() {
                $('.summernote').summernote({
                    height: 400, // Set editor height
                    minHeight: 200, // Minimum height
                    maxHeight: 700, // Maximum height
                    focus: true // Focus the editor after loading
                });
            });


            // Show image when select
            let file;
            $(".image").change(function(e) {
                let img = $(this);
                file = this.files[0];
                if (file) {
                    let reader = new FileReader();
                    reader.onload = function(event) {
                        img.parent().find(".show-image").attr("src", event.target.result);
                    };
                    reader.readAsDataURL(file);
                }
            });
        </script>
    @endsection