@extends('layouts.admin')

@section('title', 'Edit 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">Edit Customer</li>
        </ol>
    </nav>

    <h1 class="mb-4">Edit Customer</h1>

    <form action="{{ route('admin.customers.update', $customer->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <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 }}" {{ $customer->users && $customer->users->contains($login->id) ? 'selected' : '' }}>
                        {{ $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" {{ $customer->receive_marketing_communications ? 'checked' : '' }}>
            <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('guid', $customer->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('contact', $customer->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', $customer->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', $customer->name) }}" required>
            @error('name')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

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

        <div class="mb-3">
            <label for="address_2" class="form-label">Address 2</label>
            <input type="text" class="form-control @error('address_2') is-invalid @enderror" id="address_2" name="address_2" value="{{ old('address2', $customer->address_2) }}">
            @error('address_2')
                <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', $customer->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', $customer->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', $customer->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', $customer->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', $customer->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', $customer->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', $customer->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', $customer->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', $customer->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', $customer->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', $customer->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', $customer->sales_person_mobile) }}">
            @error('sales_person_mobile')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
        
        <div class="mb-3">
            <label for="sales_person_email" class="form-label">Sales Person Email</label>
            <input type="email" class="form-control @error('sales_person_email') is-invalid @enderror" id="sales_person_email" name="sales_person_email" value="{{ old('sales_person_email', $customer->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