@extends('layouts.admin')

@section('css')
    <!-- begin::datepicker -->
    <link rel="stylesheet" href="/assets/vendors/datepicker-jalali/bootstrap-datepicker.min.css">
    <link rel="stylesheet" href="/assets/vendors/datepicker/daterangepicker.css">
    <!-- end::datepicker -->

    <!-- begin::select2 -->
    <link rel="stylesheet" href="/assets/vendors/select2/css/select2.min.css" type="text/css">
    <!-- end::select2 -->
    <link rel="stylesheet" href="/assets/vendors/clockpicker/bootstrap-clockpicker.min.css" type="text/css">
@endsection

@section('script')
    <script type="text/javascript" src="/assets/js/bootstrap_multiselect.js"></script>
    <script type="text/javascript" src="/assets/js/form_multiselect.js"></script>

    <!-- begin::CKEditor -->
    <script src="/assets/vendors/ckeditor/ckeditor.js"></script>
    <script src="/assets/js/examples/ckeditor.js"></script>
    <!-- end::CKEditor -->

    <!-- begin::datepicker -->
    <script src="/assets/vendors/datepicker-jalali/bootstrap-datepicker.min.js"></script>
    <script src="/assets/vendors/datepicker-jalali/bootstrap-datepicker.fa.min.js"></script>
    <script src="/assets/vendors/datepicker/daterangepicker.js"></script>
    <script src="/assets/js/examples/datepicker.js"></script>
    <!-- end::datepicker -->

    <!-- begin::select2 -->
    <script src="/assets/vendors/select2/js/select2.min.js"></script>
    <script src="/assets/js/examples/select2.js"></script>
    <script src="/assets/vendors/clockpicker/bootstrap-clockpicker.min.js"></script>
    <script src="/assets/js/examples/clockpicker.js"></script>
    <!-- end::select2 -->
@endsection

@section('navbar')
@endsection

@section('sidebar')
@endsection

@section('header')
    <div class="page-header">
        <div>
            <h3>ویرایش</h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/admin/home">داشبورد</a></li>
                    <li class="breadcrumb-item"><a href="#">کلاس فوق العاده</a></li>
                    <li class="breadcrumb-item active" aria-current="page">ویرایش</li>
                </ol>
            </nav>
        </div>
    </div>
@endsection

@section('content')

    <div class="card">
        <div class="card-body">

            <h5 class="card-title">ویرایش کلاس فوق العاده</h5>
            <form action="{{ route('extra_class.update', $camp->id) }}" method="POST">
                @csrf
                @method('PUT')
                @include('Admin.errors')
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="title">عنوان</label>
                            <input type="text" name="name" id="name" class="form-control" value="{{ old('name', $camp->name) }}" required>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="date">مبلغ</label>
                            <input type="text" name="price" id="price" class="form-control" value="{{ old('price', $camp->price) }}" required>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="description">توضیحات (اختیاری)</label>
                            <textarea name="description" id="description" class="form-control">{{ old('description', $camp->description) }}</textarea>
                        </div>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary">ویرایش کلاس فوق العاده</button>
            </form>
        </div>
    </div>

    <script src="/js/sweetalert.min.js"></script>
    @include('sweet::alert')

@endsection