@extends('layout.app')

@section('title')
    {{ __('تعديل التقويم') }}
@stop

@section('css')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/vendors-rtl.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/forms/select/select2.min.css') }}">
    <!-- END: Vendor CSS-->
    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/core/menu/menu-types/vertical-menu.css') }}">
    <!-- END: Page CSS-->
@stop

@section('content')
    <div class="content-wrapper">
        <div class="content-body">
            <section class="app-document-list">
                <div class="card">
                    <div class="card-header mb-2">
                        <h4 class="card-title">{{ __('تعديل التقويم') }}</h4>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('Self-calender.update', $selfcalender->id) }}" method="POST">
                            @csrf
                            @method('PUT')
                            <div class="form-group">
                                <label for="name">{{ __('اسم التقويم') }}</label>
                                <input type="text" name="name" class="form-control" id="name"
                                    value="{{ $selfcalender->name }}" required>
                            </div>
                            <div class="form-group">
                                <label for="discription">{{ __('الوصف') }}</label>
                                <textarea name="discription" class="form-control" id="discription" rows="4">{{ $selfcalender->discription }}</textarea>
                            </div>
                            <div class="form-group" style="display: none;">
                                <label for="date">{{ __('التاريخ') }}</label>
                                <input type="text" name="date" class="form-control" id="date"
                                    value="{{ $selfcalender->date }}">
                            </div>
                            <div class="form-group">
                                <label for="status">{{ __('الحالة') }}</label>
                                <select name="status" class="form-control" id="status" required>
                                    <option value="0" {{ $selfcalender->status == 0 ? 'selected' : '' }}>غير مفعل
                                    </option>
                                    <option value="1" {{ $selfcalender->status == 1 ? 'selected' : '' }}>مفعل</option>
                                </select>
                            </div>
                            <button type="submit" class="btn btn-primary">{{ __('حفظ') }}</button>
                        </form>
                    </div>
                </div>
            </section>
        </div>
    </div>
@stop

@section('js')
    <!-- BEGIN: Page Vendor JS-->
    <script src="{{ asset('app-assets/vendors/js/forms/select/select2.full.min.js') }}"></script>
    <!-- END: Page Vendor JS-->

    <!-- BEGIN: Page JS-->
    <script>
        $(document).ready(function() {
            $('.select2').select2();
        });
    </script>
    <!-- END: Page JS-->
@stop