@extends('backend.layouts.app')
@section('content')
<div class="row mx-auto">
    <div class="col-sm-9">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">{{ translate('School Details') }}</h4>
                
            </div>
            <div class="card-body">
            <form action="{{ route('school.store') }}" method="POST" enctype="multipart/form-data" autocomplete="off">
                <x-input-component name="name" label="Name" value="0" type="text" :required="1"/>
                <x-input-component name="email" label="Email" value="0" type="email" :required="1"/>
                <x-input-component name="phone" label="Phone" value="0" type="text" :required="1"/>
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="address" class="form-label">User Name</label>
                    </div>
                    <div class="col-lg-9">
                        <input type="text" name="username" class="form-control @error('username') is-invalid @endif" placeholder="User name" required value="{{old('username')}}">
                        @error('username')<span class="invalid-feedback" role="alert">{{ $message }}</span>@enderror
                        <span class="text-danger fs-13" id="user_err">This User name is already exist</span>
                    </div>
                </div>
                <x-input-component name="password" label="Password" value="0" type="password" :required="1"/>
                <x-uploader-component name="school_logo" label="Logo" value="" type="image"/>
               
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="address" class="form-label">{{ translate('Establishment date') }}</label>
                    </div>
                    <div class="col-lg-9">
                        <input type="text" name="establishment_date" class="form-control border-1 flatpickr-input active" data-provider="flatpickr" data-date-format="Y-m-d" readonly="readonly" placeholder="Establishment Date" value="{{old('establishment_date')}}">
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="address" class="form-label">{{ translate('Address') }}</label>
                    </div>
                    <div class="col-lg-9">
                        <textarea name="shcool_address" class="form-control" id="address" rows="3" placeholder="Address">{{old('shcool_address')}}</textarea>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="about" class="form-label">{{ translate('About') }}</label>
                    </div>
                    <div class="col-lg-9">
                        <textarea name="about" class="form-control" id="about" rows="3" placeholder="About">{{old('about')}}</textarea>
                    </div>
                </div>
                <div class="text-end">
                    <button type="submit" class="btn btn-primary">Add School</button>
                </div>
            </form>
            </div>
        </div>
    </div>
</div>
@endsection