File Manager Lite

Dir: /home/u540325668/domains/mkjsindia.org/public_html-chash/resources/views/admin/slider

create.blade.php (4.96 KB)

edit.blade.php (6.71 KB)

manage.blade.php (4.09 KB)

Edit: create.blade.php

@extends('admin.master')
@section('title') Add New Slider @endsection
@section('mainContent')
<div class="content-wrapper">

<section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Add New Slider</h1>
                </div>
                <div class="col-sm-6 text-right">
                    <a href="{{ url('/admin/slider/manage') }}" class="btn btn-success">
                        <i class="fa fa-arrow-left"></i> Back to Slider List
                    </a>
                </div>
            </div>
        </div>
    </section>

<section class="content">
        <div class="container-fluid">
            <div class="row justify-content-center">
                <div class="col-md-10">

<div class="card shadow-sm">
                        <div class="card-header bg-primary text-white">
                            <h3 class="card-title mb-0">
                                <i class="fa fa-image"></i> Slider Information
                            </h3>
                        </div>

<form method="POST"
                              action="{{ url('/admin/slider/store') }}"
                              enctype="multipart/form-data">
                            @csrf

<div class="text-center mb-4">
                                    <img
                                        src="{{ asset('/storage/course') }}/"
                                        id="output"
                                        class="img-fluid rounded border"
                                        style="max-height:300px;"
                                        alt="Slider Preview"
                                    >
                                </div>

<div class="form-group text-center">
                                    <label class="font-weight-bold">
                                        Change Slider Image
                                        <small class="text-muted">(Resolution: 1200 × 675)</small>
                                    </label>
                                    <input type="file"
                                           name="image"
                                           class="form-control-file mt-2"
                                           accept="image/*"
                                           onchange="loadFile(event)">

@error('image')
                                        <div class="text-danger mt-1">{{ $message }}</div>
                                    @enderror
                                </div>

<div class="form-group">
                                    <label>Slider Title</label>
                                    <div class="input-group">
                                        <input type="text"
                                               name="name"
                                               class="form-control @error('name') is-invalid @enderror"
                                               placeholder="Enter slider title"
                                               required>
                                        <div class="input-group-append">
                                            <span class="input-group-text">
                                                <i class="fas fa-heading"></i>
                                            </span>
                                        </div>
                                    </div>
                                    @error('name')
                                        <div class="text-danger mt-1">{{ $message }}</div>
                                    @enderror
                                </div>

</div>

<div class="card-footer text-right">
                                <button type="submit" class="btn btn-success">
                                    <i class="fa fa-save"></i> Save Slider
                                </button>
                            </div>

</form>
                    </div>

</div>
            </div>
        </div>
    </section>
</div>

<script>
    function loadFile(event) {
        const output = document.getElementById('output');
        output.src = URL.createObjectURL(event.target.files[0]);
        output.onload = () => URL.revokeObjectURL(output.src);
    }
</script>
@endsection