@extends('Admin.layout')
@section('pagetitle', __('trans.sliders'))
@section('content')
<div class="text-center">
    <img loading="lazy" src="{{ $Image->image }}" class="img-fluid rounded m-auto" style="max-width:200px" alt="image">
</div>

<form method="POST" action="{{ route('admin.sliders.update',['slider' => $Image ]) }}" enctype="multipart/form-data" data-parsley-validate novalidate>
    @csrf
    @method('PUT')
    <div class="row">
        <div class="form-group col-md-6">
            <label for="title_ar">@lang('trans.title_ar')</label>
            <input type="text" name="title_ar" id="title_ar" class="form-control" required value="{{ $Image['title_ar'] }}">
        </div>
        <div class="form-group col-md-6">
            <label for="title_en">@lang('trans.title_en')</label>
            <input type="text" name="title_en" id="title_en" class="form-control" required value="{{ $Image['title_en'] }}">
        </div>

        <div class="form-group col-md-6">
            <label for="visibility">@lang('trans.visibility')</label>
            <select class="form-control" required id="visibility" name="status">
                <option {{ $Image['status'] == 1 ? 'selected' : '' }} value="1">@lang('trans.visible')</option>
                <option {{ $Image['status'] == 0 ? 'selected' : '' }} value="0">@lang('trans.hidden')</option>
            </select>
        </div>
        
        
        <div class="form-group col-md-6">
            <label for="screen">@lang('trans.screen')</label>
            <select class="form-control" required id="screen" name="screen">
                <option  {{ $Image['screen'] == 'Lg' ? 'selected' : '' }}  value="Lg">Lg</option>
                <option  {{ $Image['screen'] == 'Sm' ? 'selected' : '' }}  value="Sm">Sm</option>
            </select>
        </div>
        

        <div class="form-group col-md-6">
            <label for="image">@lang('trans.image')</label>
            <label class="file-input btn btn-block btn-secondary btn-file w-100">
                @lang("trans.Browse")
                <input accept="image/*" type="file" name="image" id="image">
            </label>
        </div>
        <div class="clearfix"></div>
        <div class="col-12 my-4">
            <div class="button-group">
                <button type="submit" class="main-btn btn-hover w-100 text-center">
                    {{ __('trans.Submit') }}
                </button>
            </div>
        </div>
    </div>
</form>
@endsection