{{-- extend layout --}}
@extends('layouts.contentLayoutMaster')

{{-- page title --}}
@section('title', 'Admin Working Time')

{{-- vendor styles --}}
@section('vendor-style')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/flag-icon/css/flag-icon.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/dropify/css/dropify.min.css')}}">
@endsection

{{-- page content --}}
@section('content')
    <div class="card">
        <div class="card-content">
            <span class="card-title">Merchant Working Time</span>
            <form action="{{route('admin.merchant-working-time.store')}}" method="POST">
                @csrf
                <div class="row">
                    <div class="input-field col s12">
                        <div class="row">
                            <div class="col s4">
                                <label for="opening_time">Opening Time</label>
                                <input type="time" min="1" max="12" class="error validate" id="opening_time" name="opening_time">
                                <small class="errorTxt1">
                                    @if ($errors->has('opening_time'))
                                    <div id="opening_time-error" class="error">{{ $errors->first('opening_time') }}</div>
                                    @endif
                                </small>
                            </div>
                            <div class="col s4">
                                <label for="closing_time">Closing Time</label>
                                <input type="time" min="13" max="24" class="error validate" id="closing_time" name="closing_time">
                                <small class="errorTxt1">
                                    @if ($errors->has('closing_time'))
                                    <div id="closing_time-error" class="error">{{ $errors->first('closing_time') }}</div>
                                    @endif
                                </small>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="input-field col s12">
                        <select class="error validate" id="days" name="days[]" multiple>
                            <option value="" disabled>Choose your day</option>
                            @foreach ($days as $day)
                                <option value="{{ $day }}">{{ $day }}</option>
                            @endforeach
                        </select>
                        <small class="errorTxt1">
                            @if ($errors->has('days'))
                            <div id="days-error" class="error">{{ $errors->first('days') }}</div>
                            @endif
                        </small>
                    </div>
                </div>    
                <div class="row">
                    <input  type="hidden" value="{{ $merchant_id }}" name="merchant_id">
                </div>            
                <a href="{{ route('admin.asc-merchants.edit',$merchant_id) }}" class="btn red waves-effect waves-light">Cancel</a>
                <button class="btn waves-effect waves-light" type="submit" name="action">Create</button>
            </form>
        </div>
    </div>
@endsection
    
    {{-- vendor script --}}
    @section('vendor-script')
    <script src="{{asset('vendors/dropify/js/dropify.min.js')}}"></script>
    @endsection
    
    {{-- page script --}}
    @section('page-script')
    <script src="{{asset('js/scripts/form-file-uploads.js')}}"></script>
    <script src="{{asset('js/scripts/form-elements.js')}}"></script>
    @endsection