@extends('admin.layout')

@section('content')
	<h5 class="mb-4 fw-light">
    <a class="text-reset" href="{{ url('panel/admin') }}">{{ __('admin.dashboard') }}</a>
      <i class="bi-chevron-right me-1 fs-6"></i>
      <span class="text-muted">{{ __('general.stories') }}</span>
	  <i class="bi-chevron-right me-1 fs-6"></i>
	  <span class="text-muted">{{ __('general.settings') }}</span>
  </h5>

<div class="content">
	<div class="row">

		<div class="col-lg-12">

			@if (session('success_message'))
      <div class="alert alert-success alert-dismissible fade show" role="alert">
              <i class="bi bi-check2 me-1"></i>	{{ session('success_message') }}

                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                  <i class="bi bi-x-lg"></i>
                </button>
                </div>
              @endif

              @include('errors.errors-forms')

			<div class="card shadow-custom border-0">
				<div class="card-body p-lg-5">

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

				<fieldset class="row mb-3">
			         <legend class="col-form-label col-sm-2 pt-0 text-lg-end">{{ __('admin.status') }}</legend>
			         <div class="col-sm-10">
			           <div class="form-check form-switch form-switch-md">
			            <input class="form-check-input" type="checkbox" name="story_status" @if ($settings->story_status) checked="checked" @endif value="1" role="switch">
			          </div>
			         </div>
			       </fieldset><!-- end row -->

				   <fieldset class="row mb-3">
					<legend class="col-form-label col-sm-2 pt-0 text-lg-end">{{ __('general.story_image') }}</legend>
					<div class="col-sm-10">
					  <div class="form-check form-switch form-switch-md">
					   <input class="form-check-input" type="checkbox" name="story_image" @if ($settings->story_image) checked="checked" @endif value="1" role="switch">
					 </div>
					</div>
				  </fieldset><!-- end row -->

				  <fieldset class="row mb-3">
					<legend class="col-form-label col-sm-2 pt-0 text-lg-end">{{ __('general.story_text') }}</legend>
					<div class="col-sm-10">
					  <div class="form-check form-switch form-switch-md">
					   <input class="form-check-input" type="checkbox" name="story_text" @if ($settings->story_text) checked="checked" @endif value="1" role="switch">
					 </div>
					</div>
				  </fieldset><!-- end row -->

				  <div class="row mb-3">
					<label class="col-sm-2 col-form-labe text-lg-end">{{ __('general.story_max_videos_length') }}</label>
					<div class="col-sm-10">
					  <select name="story_max_videos_length" class="form-select">
						<option @if ($settings->story_max_videos_length == 10) selected="selected" @endif value="10">10 {{ trans('general.seconds') }}</option>
						<option @if ($settings->story_max_videos_length == 15) selected="selected" @endif value="15">15 {{ trans('general.seconds') }}</option>
						<option @if ($settings->story_max_videos_length == 20) selected="selected" @endif value="20">20 {{ trans('general.seconds') }}</option>
						<option @if ($settings->story_max_videos_length == 30) selected="selected" @endif value="30">30 {{ trans('general.seconds') }}</option>
						<option @if ($settings->story_max_videos_length == 60) selected="selected" @endif value="60">60 {{ trans('general.seconds') }}</option>
					 </select>
					</div>
				  </div>

				<div class="row mb-3">
		          <div class="col-sm-10 offset-sm-2">
		            <button type="submit" class="btn btn-dark mt-3 px-5">{{ __('admin.save') }}</button>
		          </div>
		        </div>

		       </form>

				 </div><!-- card-body -->
 			</div><!-- card  -->
 		</div><!-- col-lg-12 -->

	</div><!-- end row -->
</div><!-- end content -->
@endsection