@extends('layouts.admin')

@section('title', 'Add New Customer')

@section('content')
<div class="container">
    
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.customers.index') }}">Customers</a></li>
            <li class="breadcrumb-item active" aria-current="page">Create Customer</li>
        </ol>
    </nav>
    
    <h1 class="mb-4">Create Customer</h1>

    <form action="{{ route('admin.customers.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

        <div class="mb-3">
            <label for="logins" class="form-label">Logins</label>
            <select class="form-select" id="logins" name="logins[]" multiple="multiple">
                @foreach($logins as $login)
                    <option value="{{ $login->id }}">{{ $login->email }}</option>
                @endforeach
            </select>
        </div>

        <div class="form-check mb-3">
            <input class="form-check-input" type="checkbox" id="receive_marketing_communications" name="receive_marketing_communications" value="1">
            <label class="form-check-label" for="receive_marketing_communications">
                Receive marketing communications?
            </label>
        </div>

        <div class="mb-3">
            <label for="no" class="form-label">Customer Number</label>
            <input type="text" class="form-control @error('no') is-invalid @enderror" id="no" name="no" value="{{ old('no') }}" required>
            @error('no')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="contat" class="form-label">Contact</label>
            <input type="text" class="form-control @error('contat') is-invalid @enderror" id="contat" name="contat" value="{{ old('contat') }}" required>
            @error('contat')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="email" class="form-label">Email Address</label>
            <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" value="{{ old('email') }}" required>
            @error('email')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="name" class="form-label">Name</label>
            <input type="text" class="form-control @error('name') is-invalid @enderror" id="name" name="name" value="{{ old('name') }}" required>
            @error('name')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="address1" class="form-label">Address 1</label>
            <input type="text" class="form-control @error('address1') is-invalid @enderror" id="address1" name="address1" value="{{ old('address1') }}">
            @error('address1')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="address2" class="form-label">Address 2</label>
            <input type="text" class="form-control @error('address2') is-invalid @enderror" id="address2" name="address2" value="{{ old('address2') }}">
            @error('address2')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="city" class="form-label">City</label>
            <input type="text" class="form-control @error('city') is-invalid @enderror" id="city" name="city" value="{{ old('city') }}">
            @error('city')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="county" class="form-label">County</label>
            <input type="text" class="form-control @error('county') is-invalid @enderror" id="county" name="county" value="{{ old('county') }}">
            @error('county')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="postcode" class="form-label">Postcode</label>
            <input type="text" class="form-control @error('postcode') is-invalid @enderror" id="postcode" name="postcode" value="{{ old('postcode') }}">
            @error('postcode')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="country_code" class="form-label">Country Code</label>
            <input type="text" class="form-control @error('country_code') is-invalid @enderror" id="country_code" name="country_code" value="{{ old('country_code') }}" >
            @error('country_code')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="phone_no" class="form-label">Phone No</label>
            <input type="text" class="form-control @error('phone_no') is-invalid @enderror" id="phone_no" name="phone_no" value="{{ old('phone_no') }}">
            @error('phone_no')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="fax_no" class="form-label">Fax No</label>
            <input type="text" class="form-control @error('fax_no') is-invalid @enderror" id="fax_no" name="fax_no" value="{{ old('fax_no') }}">
            @error('fax_no')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="balance" class="form-label">Balance</label>
            <input type="text" class="form-control @error('balance') is-invalid @enderror" id="balance" name="balance" value="{{ old('balance') }}">
            @error('balance')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="credit_limit" class="form-label">Credit Limit</label>
            <input type="text" class="form-control @error('credit_limit') is-invalid @enderror" id="credit_limit" name="credit_limit" value="{{ old('credit_limit') }}">
            @error('credit_limit')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="mobile" class="form-label">Mobile</label>
            <input type="text" class="form-control @error('mobile') is-invalid @enderror" id="mobile" name="mobile" value="{{ old('mobile') }}">
            @error('mobile')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="sales_person_name" class="form-label">Sales Person Name</label>
            <input type="text" class="form-control @error('sales_person_name') is-invalid @enderror" id="sales_person_name" name="sales_person_name" value="{{ old('sales_person_name') }}">
            @error('sales_person_name')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="sales_person_phone" class="form-label">Sales Person Phone</label>
            <input type="text" class="form-control @error('sales_person_phone') is-invalid @enderror" id="sales_person_phone" name="sales_person_phone" value="{{ old('sales_person_phone') }}">
            @error('sales_person_phone')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="sales_person_mobile" class="form-label">Sales Person Mobile</label>
            <input type="text" class="form-control @error('sales_person_mobile') is-invalid @enderror" id="sales_person_mobile" name="sales_person_mobile" value="{{ old('sales_person_mobile') }}">
            @error('sales_person_mobile')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
        
        <div class="mb-3">
            <label for="sales_person_mobile" class="form-label">Sales Person Email</label>
            <input type="text" class="form-control @error('sales_person_email') is-invalid @enderror" id="sales_person_email" name="sales_person_email" value="{{ old('sales_person_email') }}">
            @error('sales_person_email')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>



        <button type="submit" class="btn btn-primary">Save</button>
        <a href="{{ route('admin.customers.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>

<script>
    $('#logins').select2({
        placeholder: 'Select Logins',
        allowClear: true
    });
</script>

@endsection