@extends('admin.layouts.main')

@section('title', 'Add Customer')
@section('menu', 'Customers')

@section('content')
<form action="{{ route('admin.customers.store') }}" method="POST">
    @csrf
    <fieldset class="content-group">
        <div class="row">
            <div class="col-md-8">
                <div class="panel panel-primary">
                    <div class="panel-heading font-bold">Add Customer</div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">First Name <span class="text-danger">*</span></label>
                                    <input type="text" name="first_name" class="form-control" value="{{ old('first_name') }}">
                                    @if ($errors->has('first_name'))<span class="help-block text-danger">{{ $errors->first('first_name') }}</span>@endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">Last Name <span class="text-danger">*</span></label>
                                    <input type="text" name="last_name" class="form-control" value="{{ old('last_name') }}">
                                    @if ($errors->has('last_name'))<span class="help-block text-danger">{{ $errors->first('last_name') }}</span>@endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">Email <span class="text-danger">*</span></label>
                                    <input type="email" name="email" class="form-control" value="{{ old('email') }}">
                                    @if ($errors->has('email'))<span class="help-block text-danger">{{ $errors->first('email') }}</span>@endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">Phone</label>
                                    <input type="text" name="phone" class="form-control" value="{{ old('phone') }}">
                                    @if ($errors->has('phone'))<span class="help-block text-danger">{{ $errors->first('phone') }}</span>@endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">Password <span class="text-danger">*</span></label>
                                    <input type="password" name="password" class="form-control">
                                    @if ($errors->has('password'))<span class="help-block text-danger">{{ $errors->first('password') }}</span>@endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">Company</label>
                                    <input type="text" name="company" class="form-control" value="{{ old('company') }}">
                                    @if ($errors->has('company'))<span class="help-block text-danger">{{ $errors->first('company') }}</span>@endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Address Line 1</label>
                                    <input type="text" name="address_line_1" class="form-control" value="{{ old('address_line_1') }}">
                                    @if ($errors->has('address_line_1'))<span class="help-block text-danger">{{ $errors->first('address_line_1') }}</span>@endif
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Address Line 2</label>
                                    <input type="text" name="address_line_2" class="form-control" value="{{ old('address_line_2') }}">
                                    @if ($errors->has('address_line_2'))<span class="help-block text-danger">{{ $errors->first('address_line_2') }}</span>@endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">City</label>
                                    <input type="text" name="city" class="form-control" value="{{ old('city') }}">
                                    @if ($errors->has('city'))<span class="help-block text-danger">{{ $errors->first('city') }}</span>@endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">State</label>
                                    <input type="text" name="state" class="form-control" value="{{ old('state') }}">
                                    @if ($errors->has('state'))<span class="help-block text-danger">{{ $errors->first('state') }}</span>@endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="control-label">Postal Code</label>
                                    <input type="text" name="postal_code" class="form-control" value="{{ old('postal_code') }}">
                                    @if ($errors->has('postal_code'))<span class="help-block text-danger">{{ $errors->first('postal_code') }}</span>@endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Country</label>
                                    <select name="country_code" class="form-control select2">
                                        <option value="">-- Select Country --</option>
                                        @foreach($countries as $country)
                                        <option value="{{ $country->code }}" {{ old('country_code') === $country->code ? 'selected' : '' }}>{{ $country->name }}</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('country_code'))<span class="help-block text-danger">{{ $errors->first('country_code') }}</span>@endif
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Currency</label>
                                    <select name="currency_code" class="form-control select2">
                                        <option value="">-- Select Currency --</option>
                                        @foreach($currencies as $currency)
                                        <option value="{{ $currency->code }}" {{ old('currency_code') === $currency->code ? 'selected' : '' }}>{{ $currency->name }} ({{ $currency->code }})</option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('currency_code'))<span class="help-block text-danger">{{ $errors->first('currency_code') }}</span>@endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-primary">
                    <div class="panel-heading font-bold">Status</div>
                    <div class="panel-body">
                        <div class="form-group">
                            <select name="status" class="form-control">
                                <option value="active" {{ old('status') === 'active' ? 'selected' : '' }}>Active</option>
                                <option value="suspended" {{ old('status') === 'suspended' ? 'selected' : '' }}>Suspended</option>
                                <option value="closed" {{ old('status') === 'closed' ? 'selected' : '' }}>Closed</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="panel panel-success">
                    <div class="panel-heading font-bold">Publish</div>
                    <div class="panel-body">
                        <a type="button" class="btn btn-warning" href="{{ route('admin.customers.index') }}"><i class="fa fa-long-arrow-left"></i> Back</a>
                        <button type="submit" name="save" class="btn btn-success pull-right"><i class="fa fa-save"></i> Save</button>
                    </div>
                </div>
            </div>
        </div>
    </fieldset>
</form>
@endsection

@push('custom-stylesheets')
<link href="{{ asset('/back/assets/global/plugins/select2/select2.css') }}" rel="stylesheet">
<link href="{{ asset('/back/assets/global/plugins/select2/select2-bootstrap.css') }}" rel="stylesheet">
@endpush
@push('custom-scripts')
<script src="{{ asset('/back/assets/global/plugins/select2/select2.min.js') }}"></script>
<script>jQuery(document).ready(function(){ jQuery('.select2').select2(); });</script>
@endpush