@extends('admin.master')
@section('title', isset($editModeData) ? 'Edit Customer' : 'Add Customer')
@section('content')

<style>
    .validate {
        color: #ff0000; 
        font-weight: bold;
        margin-left: 2px;
    }
</style>

<div class="container-fluid">
    <div class="row bg-title">
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
           <ol class="breadcrumb">
                <li class="active breadcrumbColor"><a href="{{ url('dashboard') }}"><i class="fa fa-home"></i> Dashboard</a></li>
                <li>@yield('title')</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-info">
                <div class="panel-heading"><i class="mdi mdi-plus fa-fw"></i> @yield('title')</div>
                <div class="panel-wrapper collapse in" aria-expanded="true">
                    <div class="panel-body">
                        
                        @if($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        @if(session()->has('error'))
                            <div class="alert alert-danger">
                                {{ session()->get('error') }}
                            </div>
                        @endif

                        
                        <form action="{{ isset($editModeData) ? route('customer.update', $editModeData->id) : route('customer.store') }}" method="POST">
                            @csrf
                            @if(isset($editModeData)) @method('PUT') @endif

                            <div class="form-body">

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Customer Name <span class="validate">*</span></label>
                                            <input type="text" name="name" class="form-control" value="{{ old('name', $editModeData->name ?? '') }}" placeholder="Enter Customer Name" required>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Customer Category <span class="validate">*</span></label>
                                            <select name="customer_type" class="form-control" required>
                                                <option value="">--- Select Category ---</option>
                                                <option value="Corporate" {{ old('customer_type', $editModeData->customer_type ?? '') == 'Corporate' ? 'selected' : '' }}>Corporate</option>
                                                <option value="Retail" {{ old('customer_type', $editModeData->customer_type ?? '') == 'Retail' ? 'selected' : '' }}>Retail</option>
                                                <option value="Wholesale" {{ old('customer_type', $editModeData->customer_type ?? '') == 'Wholesale' ? 'selected' : '' }}>Wholesale</option>
                                                <option value="Combined Ledger" {{ old('customer_type', $editModeData->customer_type ?? '') == 'Combined Ledger' ? 'selected' : '' }}>Combined Ledger</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Mobile Number <span class="validate">*</span></label>
                                            <input type="text" name="mobile" class="form-control" value="{{ old('mobile', $editModeData->mobile ?? '') }}" placeholder="Enter Mobile Number" required>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Email Address</label>
                                            <input type="email" name="email" class="form-control" value="{{ old('email', $editModeData->email ?? '') }}" placeholder="Enter Email Address">
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Customer Address</label>
                                            <textarea name="address" class="form-control" rows="2" placeholder="Enter Full Address">{{ old('address', $editModeData->address ?? '') }}</textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Previous Due (Opening Balance)</label>
                                            <input type="number" step="0.01" name="previous_due" class="form-control" value="{{ old('previous_due', $editModeData->previous_due ?? '0.00') }}">
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">Credit Limit</label>
                                            <input type="number" step="0.01" name="credit_amount_limit" class="form-control" value="{{ old('credit_amount_limit', $editModeData->credit_amount_limit ?? '0.00') }}">
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <div class="form-actions m-t-10">
                                <button type="submit" class="btn btn-success"><i class="fa fa-check"></i> {{ isset($editModeData) ? 'Update' : 'Save' }}</button>
                                <a href="{{ route('customer.index') }}" class="btn btn-default">Cancel</a>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection