@extends('layouts.admin')
@section('meta')
    <title>{{trans('home.add_training')}}</title>
@endsection
@section('content')

<div class="container-fluid">
    <!-- Page Header -->
    <div class="page-header">
        <div>
            <h2 class="main-content-title tx-24 mg-b-5">{{trans('home.trainings')}}</h2>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{url('/admin/crm')}}">{{trans('home.crm')}}</a></li>
                <li class="breadcrumb-item"><a href="{{url('admin/crm/trainings')}}">{{trans('home.trainings')}}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{trans('home.add_training')}}</li>
            </ol>
        </div>
    </div>

 <!-- End Page Header -->
    {!! Form::open(['route' => 'trainings.store', 'data-toggle'=>'validator', 'files'=>'true']) !!}
        <!-- Row-->
        <div class="row">
            <div class="col-sm-12 col-xl-12 col-lg-12">
                <div class="card custom-card overflow-hidden">
                    
                    <div class="card-body">
                        <div>
                            <h6 class="card-title mb-1">{{trans('home.training_info')}}</h6>
                            <hr>
                        </div>
                        
                        <div class="row">
                                {{--
                                    <div class="col-md-4 mb-3">
                                        <label for="name_ar">{{trans('home.name_ar')}}</label>
                                        <input type="text"  class="form-control" value="{{ old('name_ar') }}" placeholder="{{trans('home.name_ar')}}" name="name_ar" required>
                                    </div>
                                --}}
                                    <div class="col-md-4 mb-3">
                                        <label for="code">{{trans('home.code')}}</label>
                                        <input type="number"  class="form-control" value="{{ old('code') }}" placeholder="{{trans('home.code')}}" name="code" >
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label for="type">{{trans('home.course')}}</label>
                                        <select class="form-control choices-multiple-remove-button" name="course_id" required>
                                            <option value ="">{{trans('home.choose_course') }}</option>
                                            @foreach ($courses as $course)
                                                <option value ="{{$course->id}}" @selected(old('course_id') == $course->id)>{{$course->{'name_'.$lang} }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-2 mb-3">
                                        <label for="name_ar">{{trans('home.price')}}</label>
                                        <input type="text"  class="form-control" value="{{ old('price') }}" placeholder="{{trans('home.price')}}" name="price" required>
                                    </div>
                                    
                                    <div class="col-md-2 mb-3">
                                        <label for="period">{{trans('home.training_period')}}</label>
                                        <select class="form-control" data-trigger name="period">
                                            <option @selected(old('period') == 'am') value="am" >{{ __('home.am') }}</option>
                                            <option @selected(old('period') == 'pm') value="pm" >{{ __('home.pm') }}</option>
                                        </select>
                                    </div>
                                    
                                    <div class="col-md-3 mb-3">
                                        <label for="type">الية التدريب</label>
                                        <select class="form-control" data-trigger name="type_id">
                                            @foreach($types as $type)
                                            <option value="{{$type->id}}" @selected(old('type_id') == $type->id) >{{$type->{'name_'.$lang} }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-md-2 mb-3">
                                        <label for="duration">{{trans('home.duration')}}</label>
                                        <input type="text"  class="form-control" placeholder="{{trans('home.duration')}}" value="{{ old('duration') }}" name="duration" required>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label for="start_date">{{trans('home.start_date')}}</label>
                                        <div class="input-group">
                                            <input type='text' class="form-control datepicker"  name="start_date" placeholder="{{trans('home.start_date')}}"  value="{{old('start_date')}}" />
                                            <div class="input-group-append">
                                                <span class="input-group-text">
                                                    <i class="fas fa-calendar"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group col-md-3">
                                        <label for="end_date">{{trans('home.end_date')}}</label>
                                        <div class="input-group">
                                            <input type='text' class="form-control datepicker" name="end_date" placeholder="{{trans('home.end_date')}}"  value="{{old('end_date')}}" />
                                            <div class="input-group-append">
                                                <span class="input-group-text">
                                                    <i class="fas fa-calendar"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-md-3 mb-3">
                                        <label for="type">{{trans('home.course_field')}}</label>
                                        <select class="form-control choices-multiple-remove-button" name="training_field_id" required>
                                            <option value ="">{{trans('home.choose_course_field') }}</option>
                                            @foreach ($fields as $field)
                                                <option value ="{{$field->id}}" @selected(old('training_field_id') == $field->id)>{{$field->{'name_'.$lang} }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    
                                    <input type="hidden" value="0" name="status" />
                                <div class="mt-4">
                                    <button type="submit" class="btn btn-primary w-md">{{trans('home.save')}}</button>
                                    <a href="{{url('/admin/crm/trainings')}}"><button type="button" class="btn btn-danger mr-1"><i class="icon-trash"></i> {{trans('home.cancel')}}</button></a>
                                </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                        
                
            </div> 
        </div>
    </div>
    <!-- End Row -->
</div>

@endsection

@section('script')
    <script>
        $( ".datepicker" ).datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'yy-mm-dd'
        });
        
        $(document).ready(function(){
            $('.timepicker').timepicker({
                timeFormat: 'h:mm p',
            });
        });
        
    </script>
@endsection