@extends('dashboard.layouts.master')

@section('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 active">الرسائل التحذيرية</li>
        </ol>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <form action="{{route('admin.messages.store')}}" method="post" enctype="multipart/form-data">
                        @csrf
                        
                        <div class="form-group">
                            <div>متاح لكل المحاضرات</div>
                            <input type="checkbox" id="switch6" switch="primary" name="status" checked="">
                            <label for="switch6" data-on-label="Yes" data-off-label="No"></label>
                        </div>
                        
                        <div class="form-group">
                            <label>{{trans('labels.type')}}</label>
                            <select class="form-control @error('type') is-invalid @enderror" name="type" id="type">
                                <option value="greetings">رسائل ترحيبية</option>
                                <option value="result">رسائل امتحانات</option>
                            </select>
                            @error('type')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>{{trans('labels.message')}}</label>
                            <input type="text" class="form-control @error('message') is-invalid @enderror" name="message" value="{{ old('message') }}">
                            @error('message')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>{{trans('labels.image')}}</label>
                            <input type="file" class="form-control @error('image') is-invalid @enderror" name="image">
                            @error('image')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div id="result-needs" style="display:none;">
                            <div class="form-group">
                                <label>From Grade %</label>
                                <input type="number" class="form-control @error('from_grade') is-invalid @enderror" name="from_grade" min="1" value="{{ old('from_grade') }}">
                                @error('from_grade')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label>To Grade %</label>
                                <input type="number" class="form-control @error('to_grade') is-invalid @enderror" name="to_grade" min="1" value="{{ old('to_grade') }}">
                                @error('to_grade')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <button class="btn btn-primary waves-effect waves-light" type="submit" aria-haspopup="true" aria-expanded="false">
                                {{trans('labels.create')}}
                            </button>
                        </div>
                    </form>

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

@section('script')
    <script>
        
        $('#type').on('change', function(){
            
            let value = $(this).val();
            
            if(value == 'result'){
                
                $('#result-needs').show();
            }else{
                $('#result-needs').hide();
            }
        });
        
    </script>
@endsection