@extends('layouts.app')
@section('title', 'Create Company')
@section('content')
<div class="page-header"><div class="page-title"><h1>Master Data <span class="text-muted fw-normal ms-2">/ Create Company</span></h1></div></div>
@include('components.breadcrumb', ['items' => [['label' => 'Dashboard', 'url' => route('dashboard')], ['label' => 'Master Data', 'url' => route('masters.companies.index')], ['label' => 'Create Company']]])

<form action="{{ route('masters.companies.store') }}" method="POST">
    @csrf
    <div class="row g-4">
        <div class="col-12"><div class="card shadow-sm"><div class="card-header bg-primary bg-opacity-10"><h6 class="card-title mb-0"><i class="ri-building-2-line me-2"></i>Company Information</h6></div><div class="card-body"><div class="row g-3">
            <div class="col-md-4"><label class="form-label">Company Name <span class="text-danger">*</span></label><input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" required>@error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror</div>
            <div class="col-md-4"><label class="form-label">Code <span class="text-danger">*</span></label><input type="text" name="code" class="form-control @error('code') is-invalid @enderror" value="{{ old('code') }}" required>@error('code') <div class="invalid-feedback">{{ $message }}</div> @enderror</div>
            <div class="col-md-4"><label class="form-label">Legal Name</label><input type="text" name="legal_name" class="form-control" value="{{ old('legal_name') }}"></div>
            <div class="col-md-3"><label class="form-label">CIN</label><input type="text" name="cin" class="form-control" value="{{ old('cin') }}" maxlength="21"></div>
            <div class="col-md-3"><label class="form-label">GSTIN</label><input type="text" name="gstin" class="form-control" value="{{ old('gstin') }}" maxlength="15"></div>
            <div class="col-md-3"><label class="form-label">PAN</label><input type="text" name="pan" class="form-control" value="{{ old('pan') }}" maxlength="10"></div>
            <div class="col-md-3"><label class="form-label">TAN</label><input type="text" name="tan" class="form-control" value="{{ old('tan') }}" maxlength="10"></div>
            <div class="col-md-6"><label class="form-label">Address</label><input type="text" name="address" class="form-control" value="{{ old('address') }}"></div>
            <div class="col-md-3"><label class="form-label">City</label><select name="city_id" class="form-select select2"><option value="">Select</option>@foreach($cities as $c)<option value="{{ $c->id }}" {{ old('city_id') == $c->id ? 'selected' : '' }}>{{ $c->name }}</option>@endforeach</select></div>
            <div class="col-md-3"><label class="form-label">State</label><select name="state_id" class="form-select select2"><option value="">Select</option>@foreach($states as $s)<option value="{{ $s->id }}" {{ old('state_id') == $s->id ? 'selected' : '' }}>{{ $s->name }}</option>@endforeach</select></div>
            <div class="col-md-4"><label class="form-label">Phone</label><input type="text" name="phone" class="form-control" value="{{ old('phone') }}"></div>
            <div class="col-md-4"><label class="form-label">Email</label><input type="email" name="email" class="form-control" value="{{ old('email') }}"></div>
            <div class="col-md-4"><label class="form-label">Website</label><input type="url" name="website" class="form-control" value="{{ old('website') }}"></div>
            <div class="col-md-4"><label class="form-label">Status</label><select name="status" class="form-select"><option value="active">Active</option><option value="inactive">Inactive</option></select></div>
        </div></div></div></div>
    </div>
    <div class="d-flex justify-content-end gap-2 mt-4">
        <a href="{{ route('masters.companies.index') }}" class="btn btn-outline-secondary">Cancel</a>
        <button type="submit" class="btn btn-primary"><i class="ri-save-line me-1"></i> Create Company</button>
    </div>
</form>
@endsection

@push('scripts')
<script>$(document).ready(function() { $('.select2').select2({ theme: 'bootstrap-5', width: '100%' }); });</script>
@endpush