@extends('layouts.app')


@section('title', 'Business')
@section('stitle', 'Business')

@section('content')
<div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">

        @if ($errors->any())
            @foreach ($errors->all() as $error)
            <div class="alert-danger">{{ $error }}</div>
            @endforeach
        @endif

        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">@yield('title')</h2>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                <button class="btn btn-secondary waves-effect waves-float waves-light  float-right" type="button" onclick="location.href='{{route('business.list')}}'"><i data-feather='chevron-left' class="mr-1"></i>Back</button>
            </div>
        </div>

        <div class="content-body">
            <!-- Basic Horizontal form layout section start -->
            @if (session('error'))
            <div class="alert alert-danger" role="alert">
            <h4 class="alert-heading">Error</h4>
                <div class="alert-body">
                    {{ session('error') }}
                </div>
            </div>
            @endif
            @if (session('success'))
                <div class="alert alert-danger" role="alert">
                    <h4 class="alert-heading">Success</h4>
                    <div class="alert-body">
                        {{ session('error') }}
                    </div>
                </div>
                @endif
            <section id="basic-horizontal-layouts">
                <div class="row" >
                    <div class="col-md-12">
                        <form class="auth-register-form mt-2" action="{{ route('business.store') }}" method="POST">
                            @csrf
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Create @yield('stitle')</h4>
                                </div>
                                <div class="card-body">
                                    <div class="row">

                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="register-name">Owner Name</label>
                                                <input class="form-control" id="name" type="text" name="name"  placeholder="johndoe" required aria-describedby="name" autofocus="" tabindex="1" value="{{ old('name') }}"/>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="email">Email</label>
                                                <input class="form-control" id="email" type="email" name="email" required  placeholder="john@example.com" aria-describedby="" tabindex="2" value="{{ old('email')  }}"/>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="business-name">Business Name</label>
                                                <input class="form-control" id="business_name" type="text" required  name="business_name" placeholder="" aria-describedby=""  autofocus="" tabindex="3" value="{{ old('business_name') }}"/>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label>Business Contact No:</label>
                                                <input type="number" class="form-control" name="business_contact_no" required tabindex="3" value="{{old('business_contact_no')}}"  />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="country">Country</label>
                                                <input class="form-control" id="country" type="text" name="country" required placeholder="" aria-describedby="country"  autofocus="" tabindex="3" value="{{ old('country') }}"/>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="state">State</label>
                                                <input class="form-control" id="state" type="text" name="state" required placeholder="" aria-describedby="state"  autofocus="" tabindex="3" value="{{ old('state') }}"/>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="city">City</label>
                                                <input class="form-control" id="city" type="text" name="city" required placeholder="" aria-describedby="city"  autofocus="" tabindex="3" value="{{ old('city') }}"/>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="zip_code">Zip Code</label>
                                                <input class="form-control" id="zip_code" type="text" name="zip_code" required placeholder="" aria-describedby="zip_code"  autofocus="" tabindex="3" value="{{ old('zip_code') }}"/>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="time_zone">TimeZone</label>
                                                <select class="select2 form-control" name="time_zone" required>
                                                    <option  selected value="">Select a Time Zone</option>
                                                    @foreach ($timezones as $tz )
                                                        <option value="{{ $tz->id }}" {{ (old('time_zone')==$tz->id?'selected':'')  }}>{{ $tz->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="currency">Currency</label>
{{--                                                <input class="form-control" id="currency" type="text" name="currency" placeholder="" aria-describedby="currency"  autofocus="" tabindex="3" value="{{ old('currency') }}"/>--}}
                                                <select class="select2 form-control" name="currency"  required>
                                                    <option value="" selected >Select a Currency</option>
                                                    @foreach ($currencyType as $type )
                                                        <option value="{{$type->id}}" {{ (old('currency')==$type->id?'selected':'')  }}>{{$type->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label for="tax_group">Language</label>
                                                <select class="select2 form-control form-control-lg" name="lang_type_id" required >
                                                    @foreach ($lang_types as $data)
                                                        <option value="{{$data->id}}" {{ (old('lang_type_id')==$data->id?'selected':'')  }} >{{$data->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="start_date">Start Date</label>
                                                <input class="form-control my-flatpickr-basic" id="start_date" type="text"  name="start_date" placeholder="YYYY-MM-DD"   autofocus="" tabindex="3" value="{{ old('start_date') }}" required/>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="end_date">End Date</label>
                                                <input class="form-control my-flatpickr-basic" id="end_date" type="text"  name="end_date" placeholder="YYYY-MM-DD"   autofocus="" tabindex="3" value="{{ old('end_date') }}" required/>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label for="business-type">Business Type</label>
                                                <select name="business_type" class="form-control" id="business-type" required >
                                                    <option value="" selected>Please Select a Business Type</option>
                                                    @foreach($businessType as $bType)
                                                        <option value="{{$bType->id}}" {{ (old('business_type')==$bType->id?'selected':'')  }}> {{$bType->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label>Vat Registration Name:</label>
                                                <input type="text" name="vat_registration_name" id="vat_registration_name" class="form-control dt-input" required data-column="3"  data-column-index="2" value="{{ old('vat_registration_name') }}" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label>Vat Number:</label>
                                                <input type="text" name="vat_number" id="vat_number" class="form-control dt-input" data-column="3" required  data-column-index="2" value="{{ old('vat_number') }}" />
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="address">Address</label>
                                                <textarea name="address" class="form-control" id="address"  cols="10" rows="2">{{ old('address') }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- card end --}}
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Assign Limits</h4>
                                </div>
                                <div class="card-body">
                                    <div class="row">

                                        <div class="col-md-2 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="branch">Branches</label>
                                                <input class="form-control" id="branch" type="number" name="branch"  value="{{ old('branch') }}"/>
                                            </div>
                                        </div>
                                        <div class="col-md-2 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="cashier">Cashiers</label>
                                                <input class="form-control" id="" type="number" name="cashier"  value="{{ old('cashier') }}"/>
                                            </div>
                                        </div>
                                        <div class="col-md-2 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="notifier">Notifiers</label>
                                                <input class="form-control" id="" type="number" name="notifier"  value="{{ old('notifier') }}"/>
                                            </div>
                                        </div>
                                        <div class="col-md-2 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="kitchen">Kitchens</label>
                                                <input class="form-control" id="" type="number" name="kitchen"  value="{{ old('kitchen') }}"/>
                                            </div>
                                        </div>
                                        <div class="col-md-2 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="waiter">Waiters</label>
                                                <input class="form-control" id="" type="number" name="waiter"  value="{{ old('waiter') }}"/>
                                            </div>
                                        </div>
                                        <div class="col-md-2 col-12">
                                            <div class="form-group">
                                                <label class="form-label" for="warehouses">Warehouses</label>
                                                <input class="form-control" id="" type="number" name="warehouses"  value="{{ old('warehouses') }}"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 text-right">
                                {{-- <a href="{{url()->previous()}}"><button type="button" class="btn btn-outline-secondary mr-1">Back</button></a> --}}
                                <button class="btn btn-secondary waves-effect waves-float waves-light" type="button" onclick="location.href='{{route('business.list')}}'" ><i data-feather='chevron-left' class="mr-1"></i>Back</button>
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
            </section>
            <!-- Basic Horizontal form layout section end -->
        </div>

    </div>
</div>

@endsection
@push('my_scripts')
    <script>
        $('.my-flatpickr-basic').pickadate({
            onStart: function() {
            },
            formatSubmit: 'yyyy/mm/dd',
            closeOnSelect: true,
            closeOnClear: true,
            min: true
        });
    </script>

@endpush