@extends('dashboard.layouts.master')

@section('css')
    <!--Jquery steps CSS -->
    <link rel="stylesheet" href="{{ URL::asset('dashboard/plugins/jquery-steps/jquery.steps.css') }}">
    <style>
        .wizard>.steps>ul>li,
        .wizard>.actions>ul>li {
            float: right;
        }

        .file,
        .video,
        .exam {
            display: none;
        }
    </style>
    <link rel="stylesheet" href="{{ asset('dashboard//plugins/summernote/summernote-bs4.css') }}">
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title">تعديل حصة</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ trans('labels.dashboard') }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.books.index') }}">حجز جديد</a></li>
            <li class="breadcrumb-item active">{{$class->name}}</li>
        </ol>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">

                    <form id="form-horizontal" class="form-horizontal form-wizard-wrapper"
                        action="{{ route('admin.class-booking.update-class', $class->id) }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="_method" value="PATCH">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="name"
                                        class="col-form-label">نوع الحجز</label>
                                    <div >
                                        <input id="type" name="type" type="text"
                                            class="required form-control @error('type') is-invalid @enderror"
                                            value="{{ $class->type->title }}" disabled>
                                        @error('type')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="name"
                                        class="col-form-label">مسمى الحصة</label>
                                    <div >
                                        <input id="name" name="name" type="text"
                                            class="required form-control @error('name') is-invalid @enderror"
                                            value="{{ $class->name }}" required>
                                        @error('name')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="content"
                                        class="col-form-label">الوصف</label>
                                    <div >
                                        <textarea class="required form-control @error('content') is-invalid @enderror" name="content">{{$class->content}}</textarea>
                                        @error('content')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="address"
                                        class="col-form-label">العنوان</label>
                                    <div >
                                        <input id="address" name="address" type="text"
                                            class="required form-control @error('address') is-invalid @enderror"
                                            value="{{ $class->address }}" >
                                        @error('address')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="fees"
                                        class="col-form-label">قيمة الاشتراك</label>
                                    <div >
                                        <input id="fees" name="fees" type="number"
                                            class="required form-control @error('fees') is-invalid @enderror"
                                            value="{{ $class->fees }}" required>
                                        @error('fees')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="max_number"
                                        class="col-form-label">اقصى عدد للمشتركين</label>
                                    <div >
                                        <input id="max_number" name="max_number" type="number"
                                            class="required form-control @error('max_number') is-invalid @enderror"
                                            value="{{ $class->max_number }}" required>
                                        @error('max_number')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="gov_id"
                                        class="col-form-label">المحافظة</label>
                                    <div >
                                        <select name="gov_id"  class="required form-control @error('gov_id') is-invalid @enderror" required>
                                            @foreach($govs as $gov)
                                                <option value="{{$gov->id}}" @if($gov->id == $class->gov_id) selected @endif>{{$gov->name}}</option>
                                            @endforeach
                                        </select>
                                       
                                        @error('name')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="image"
                                        class="col-form-label">الصورة</label>
                                    <div class="col-md-8 row">
                                        <input id="image" name="image" type="file"
                                            class=" form-control @error('image') is-invalid @enderror"
                                            value="{{ old('image') }}">
                                        @error('image')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                    <div class="col-md-4">
                                        <img src="{{$class->image_full_path}}" width="100%">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                    <div class="form-group">
                                        <div class="col-lg-9">
                                            <input type="checkbox" id="switch1" name="is_active" switch="none" @if($class->is_active) checked @endif>
                                            <label for="switch1" data-on-label="متاح" data-off-label="ايقاف"></label>
                                            @error('status')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            <div class="form-group col-md-12 ">
                                <button type="submit" class="btn btn-primary" style="float: left;">
                                    @lang('labels.create')</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div> <!-- end col -->
    </div>
@endsection

@section('script')
    <!-- form wizard -->
    <script src="{{ URL::asset('dashboard/plugins/jquery-steps/jquery.steps.min.js') }}"></script>

    <script src="{{ URL::asset('js/book-creation.js') }}"></script>
    <script src="{{ asset('dashboard/plugins/summernote/summernote-bs4.min.js') }}"></script>
    <script>
        $('.summernote').summernote({
            height: 200
        });
    </script>
@endsection
@section('script-bottom')
    <script type="text/javascript">
        $(function() {
            $("#form-horizontall").steps({
                labels: {
                    finish: "