@extends('layouts.default')

@section('title')
    Chairman Visit
@endsection

@section('header-style')
    <!--Load custom style link or css-->

@endsection

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-content">
                    <div class="card-body">
                        <h1 class="card-title">Visit</h1>
                        <form method="POST" action="">
                            {!! csrf_field() !!}
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="row my-1">
                                        <div class="col-md-4"><label class="input-required">Visit Type</label></div>
                                        <div class="col-md-8">
                                            <select class="select2 form-control" name="visit_type">
                                                <option value="">-- Please select an option --</option>
                                                @foreach($visit_types as $visit_type)
                                                    <option value="{{$visit_type->activity_id}}" {{ old('visit_type') == $visit_type->activity_id ? 'selected' : '' }}>{{$visit_type->activity_name}}</option>
                                                @endforeach
                                            </select>
                                            @if ($errors->has('visit_type'))
                                                <span class="help-block">{{ $errors->first('visit_type') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="row my-1">
                                        <div class="col-md-4">
                                            <label class="input-required">Name</label></div>
                                        <div class="col-md-8">
                                            <input type="text" name="name" id="name" placeholder="Name"
                                                   class="form-control" value="{{ old('name') }}">
                                            @if ($errors->has('name'))
                                                <span class="help-block">{{ $errors->first('name') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                @if(!$visitors->isEmpty())
                                <div class="col-md-4">
                                    <div class="row my-1">
                                        <div class="col-md-4"><label class="input-required">Visitor</label></div>
                                        <div class="col-md-8">
                                            <select class="select2 form-control" name="visitor">
                                                <option value="">-- Please select an option --</option>
                                                    @foreach($visitors as $visitor)
                                                        <option value="{{$visitor->operator_for_user_id}}" {{ old('visitor') == $visitor->operator_for_user_id ? 'selected' : '' }}>{{isset($visitor->user->employee->emp_name)?$visitor->user->employee->emp_name:''}}</option>
                                                    @endforeach
                                            </select>
                                            @if ($errors->has('visitor'))
                                                <span class="help-block">{{ $errors->first('visitor') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                @else
                                    <input type="hidden" name="visitor" value="{{\Auth::id()}}">
                                @endif
                            </div>

                            <div class="row mt-1">
                                <div class="col-md-4">
                                    <div class="row my-1">
                                        <div class="col-md-4"><label class="input-required">Visit From</label></div>
                                        <div class="col-md-8">
                                            <div class="input-group date datePiker" id="start_from"
                                                 data-target-input="nearest">
                                                <input type="text" autocomplete="off" class="form-control datetimepicker-input"
                                                       value="{{ old('start_from' ) }}" name="start_from"
                                                       data-toggle="datetimepicker" data-target="#start_from"/>

                                                <div class="input-group-append" data-target="#start_from"
                                                     data-toggle="datetimepicker">
                                                    <div class="input-group-text"><i class="bx bxs-calendar"></i></div>
                                                </div>
                                            </div>
                                            @if ($errors->has('start_from'))
                                                <span class="help-block">{{ $errors->first('start_from') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="row my-1">
                                        <div class="col-md-4"><label class="input-required">Visit To</label></div>
                                        <div class="col-md-8">
                                            <div class="input-group date datePiker" id="start_to"
                                                 data-target-input="nearest">
                                                <input type="text" autocomplete="off" class="form-control datetimepicker-input"
                                                       value="{{ old('start_to' ) }}" name="start_to"
                                                       data-toggle="datetimepicker" data-target="#start_to"/>

                                                <div class="input-group-append" data-target="#start_to"
                                                     data-toggle="datetimepicker">
                                                    <div class="input-group-text"><i class="bx bxs-calendar"></i></div>
                                                </div>
                                            </div>
                                            @if ($errors->has('start_to'))
                                                <span class="help-block">{{ $errors->first('start_to') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="row my-1">
                                        <div class="col-md-4">
                                            <label>Place</label>
                                        </div>
                                        <div class="col-md-8">
                                            <input type="text" placeholder="Place" name="place" class="form-control"
                                                   value="{{ old('place') }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-1">
                                <div class="col-md-4">
                                    <div class="row my-1">
                                        <div class="col-md-4">
                                            <label class="input-required">Unavailable From</label>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="input-group date datePiker" id="unavailable_from"
                                                 data-target-input="nearest">
                                                <input type="text" autocomplete="off" class="form-control datetimepicker-input"
                                                       value="{{ old('unavailable_from' ) }}" name="unavailable_from"
                                                       data-toggle="datetimepicker" data-target="#unavailable_from"/>

                                                <div class="input-group-append" data-target="#unavailable_from"
                                                     data-toggle="datetimepicker">
                                                    <div class="input-group-text"><i class="bx bxs-calendar"></i></div>
                                                </div>
                                            </div>
                                            @if ($errors->has('unavailable_from'))
                                                <span
                                                    class="help-block">{{ $errors->first('unavailable_from') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="row my-1">
                                        <div class="col-md-4">
                                            <label class="input-required">Unavailable To</label>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="input-group date datePiker" id="unavailable_to"
                                                 data-target-input="nearest">
                                                <input type="text" autocomplete="off" class="form-control datetimepicker-input"
                                                       value="{{ old('unavailable_to' ) }}" name="unavailable_to"
                                                       data-toggle="datetimepicker" data-target="#unavailable_to"/>

                                                <div class="input-group-append" data-target="#unavailable_to"
                                                     data-toggle="datetimepicker">
                                                    <div class="input-group-text"><i class="bx bxs-calendar"></i></div>
                                                </div>
                                            </div>
                                            @if ($errors->has('unavailable_to'))
                                                <span
                                                    class="help-block">{{ $errors->first('unavailable_to') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="row my-1">
                                        <div class="col-md-4"><label class="input-required">Country</label></div>
                                        <div class="col-md-8">
                                            <select class="select2 form-control" name="country">
                                                <option value="">-- Please select an option --</option>
                                                @foreach($countries as $country)
                                                    <option value="{{$country->country_id}}" {{ old('country') == $country->country_id ? 'selected' : '' }}>{{$country->country}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="row my-1">
                                        <div class="col-md-2">
                                            <label>Description</label>
                                        </div>
                                        <div class="col-md-10">
                                            <textarea id="textarea" placeholder="Enter Your Description"
                                                      name="description" rows="4" wrap="soft"
                                                      class="form-control">{{ old('description') }}</textarea>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <div class="row">
                                <div class="d-flex justify-content-end col">
                                    <button type="submit" class="btn btn btn-dark shadow mr-1 mb-1">
                                        Save
                                    </button> &nbsp;
                                    <button type="reset" class="btn btn btn-outline-dark  mb-1">
                                        Cancel
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

        {{--<div class="col-sm-3">
            <div class="form-group">
                <div class="input-group date datetimepicker" id="datetimepicker1" data-target-input="nearest">
                    <input type="text" class="form-control datetimepicker-input" name="cusdate" data-toggle="datetimepicker"  data-target="#datetimepicker1"/>
                    <div class="input-group-append" data-target="#datetimepicker1" data-toggle="datetimepicker">
                        <div class="input-group-text"><i class="bx bxs-calendar"></i></div>
                    </div>
                </div>
            </div>
        </div>


        <div class="col-sm-3">
            <div class="form-group">
                <div class="input-group date datetimepicker" id="datetimepicker2" data-target-input="nearest">
                    <input type="text" class="form-control datetimepicker-input" name="cusdate" data-toggle="datetimepicker"  data-target="#datetimepicker2"/>
                    <div class="input-group-append" data-target="#datetimepicker2" data-toggle="datetimepicker">
                        <div class="input-group-text"><i class="bx bxs-calendar"></i></div>
                    </div>
                </div>
            </div>
        </div>



        <div class="col-sm-3">
            <div class="form-group">
                <div class="input-group date timePiker" id="timePiker" data-target-input="nearest">
                    <input type="text" class="form-control datetimepicker-input" name="timeCus" data-toggle="datetimepicker" data-target="#timePiker"/>
                    <div class="input-group-append" data-target="#timePiker" data-toggle="datetimepicker">
                        <div class="input-group-text"><i class="bx bx-time"></i></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="form-group">
                <div class="input-group date datePiker" id="datePiker" data-target-input="nearest">
                    <input type="text" class="form-control datetimepicker-input" name="cusdate" data-toggle="datetimepicker"  data-target="#datePiker"/>
                    <div class="input-group-append" data-target="#datePiker" data-toggle="datetimepicker">
                        <div class="input-group-text"><i class="bx bxs-calendar"></i></div>
                    </div>
                </div>
            </div>
        </div>--}}

        <!--List-->
            @include('chairman_visit.chairmanVisitList')
        </div>
    </div>


@endsection