@extends('layouts.seller')

@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{!! __('checklist.checklist') !!}</p>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{!! route('seller.checklist.index') !!}">{!! __('checklist.checklist') !!}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{!! __('checklist.checklist_add') !!}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    {!! Form::open(array('route' => 'seller.checklist.store', 'method' => 'POST' ,'id' => 'ajaxSave','files' => true)) !!}
    <div class="row">
        <div class="col-12">
            <div class="error-msg font-14 mt-2"></div>
            <div class="round-white-bg box-shadow">
                <div class="row">
                    <div class="col-12">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-3">
                                        <div class="custom-input-group colored-field-group">
                                            {!! Form::label('name', __('checklist.task_name'), ['class' => 'control-label mb-2']) !!}
                                            {!! Form::text('name', null, ['class' => 'form-control', 'placeholder' => __('checklist.please_insert_name')]) !!}
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-9">
                                        <div class="row no-mobile-margin">
                                            <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                                {!! Form::label('day_type', __('checklist.day'), ['class' => 'control-label mb-2']) !!}
                                                <div class="position-relative">
                                                    {!! Form::select('day_type', getWeekDayFullNames(), null, ['class' => 'form-control caledar-select']) !!}
                                                    <img class="position-absolute right-center right-10" src="{!! asset('assets/images/icons/icon-feather-calendar.png') !!}" alt="">
                                                </div>
                                            </div>

                                            <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                                {!! Form::label('start_time', __('checklist.start'), ['class' => 'control-label mb-2']) !!}
                                                {!! Form::text('start_time', null, ['class' => 'form-control t-picker']) !!}
                                            </div>
                                            <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                                {!! Form::label('end_time', __('checklist.end'), ['class' => 'control-label mb-2']) !!}
                                                {!! Form::text('end_time', null, ['class' => 'form-control t-picker']) !!}
                                            </div>

                                            <div class="custom-input-group colored-field-group col-xs-12 col-sm-3">
                                                {!! Form::label('date', __('checklist.date'), ['class' => 'control-label mb-2']) !!}
                                                <div class="position-relative">
                                                    {!! Form::text('task_date', null, ['class' => 'form-control datepicker-input']) !!}

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-xs-12 col-sm-3">
                                        {!! Form::label('priority', __('checklist.priority'), ['class' => 'control-label mb-2']) !!}
                                        <ul class="list-unstyled">
                                            @foreach(checklistPriority() as $priorityKey => $priorityVal)
                                                <li>
                                                    <label class="custom-control custom-radio-control">
                                                        {!! Form::radio('priority_type', $priorityKey, ($priorityKey == 1) ? true : false) !!}
                                                        <span class="custom-control-box small-radio"><svg class="svg-inline--fa fa-circle fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg></span>
                                                        <span class="text pl-2 font13 font-medium">{!! $priorityVal !!}</span>
                                                    </label>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>

                                    <div class="col-xs-12 col-sm-3">
                                        {!! Form::label('execution_type', __('checklist.execution_type'), ['class' => 'control-label mb-2']) !!}
                                        <ul class="list-unstyled">
                                            @foreach(checklistExecutionType() as $execKey => $execVal)
                                                <li>
                                                    <label class="custom-control custom-radio-control">
                                                        {!! Form::radio('execution_type', $execKey, ($execKey == 1) ? true : false) !!}
                                                        <span class="custom-control-box small-radio"><svg class="svg-inline--fa fa-circle fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg></span>
                                                        <span class="text pl-2 font13 font-medium">{!! $execVal !!}</span>
                                                    </label>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>

                                    <div class="col-xs-12 col-sm-3">
                                        {!! Form::label('task_type', __('checklist.task_type'), ['class' => 'control-label mb-2']) !!}
                                        <ul class="list-unstyled">
                                            @foreach(checklistTaskType() as $taskKey => $taskVal)
                                                <li>
                                                    <label class="custom-control custom-radio-control">
                                                        {!! Form::radio('task_type', $taskKey, ($taskKey == 1) ? true : false) !!}
                                                        <span class="custom-control-box small-radio"><svg class="svg-inline--fa fa-circle fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg></span>
                                                        <span class="text pl-2 font13 font-medium">{!! $taskVal !!}</span>
                                                    </label>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-xs-12 col-sm-3">
                                        <div class="custom-input-group colored-field-group">
                                            {!! Form::label('checklist_category_id', __('checklist.category'), ['class' => 'control-label mb-2']) !!}
                                            {!! Form::select('category', $category, null, ['class' => 'form-control']) !!}
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-3">
                                        <div class="custom-input-group colored-field-group">
                                            {!! Form::label('employee', __('checklist.employee'), ['class' => 'control-label mb-2']) !!}
                                            {!! Form::select('employee', $employee, null, ['class' => 'form-control']) !!}
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-3 mt-4">
                                        <div class="global-item-top-box">
                                            <label class="yummy-switch-label">
                                                {!! Form::checkbox('status', 1, true) !!}
                                                <span class="yummy-switch-box"></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="custom-input-group colored-field-group col-12">
                                        {!! Form::label('detail', __('checklist.details', ['class' => 'control-label mb-2'])) !!}
                                        {!! Form::textarea('detail', null, ['class' => 'form-control', 'size' => '10x10', 'placeholder' => __('checklist.please_explain')]) !!}
                                    </div>
                                </div>
                            </div>

                            <div class="form-group mt-3 text-left col-12">
                                <ul class="list-inline">
                                    <li class="list-inline-item">
                                        <input type="submit" class="btn btn-primary width80" value="{!! __('seller.save') !!}">
                                    </li>
                                    {{-- <li class="list-inline-item">
                                        <input type="reset" class="btn btn-default width80 width80" value="{!! __('seller.cancel') !!}">
                                    </li> --}}
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}
</div>
@endsection