@extends('layout.app')

@section('title', 'Business Profile')

@push('header_script')
    <link rel="stylesheet" href="{{ asset('theme/assets/vendor/daterange/daterange.css') }}">
@endpush

@section('content')

<div class="container-fluid p-4" style="background-color: #f0f4f8;">
    {!! Form::open([
    'route' => ['businessProfileUpdate', $companyProfile->id],
    'method' => 'PUT',
    'class' => 'row g-4',
    'files' => true,
    ]) !!}

    <div class="col-md-7">
        <h4 class="text-muted mb-3">Company Details</h4>
        <div class="card border-0 shadow-sm rounded-3">
            <div class="card-body p-4">
                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted">Faith Line (Appear on top)</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control border-0 " name="faith_line"
                            value="{{ old('faith_line', $companyProfile->faith_line) }}">
                        <div class="text-danger small">{{ $errors->first('faith_line') }}</div>
                    </div>
                </div>

                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted">Company Name<span
                            class="text-danger">*</span></label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control border-0 " name="company_name"
                            value="{{ old('company_name', $companyProfile->company_name) }}">
                        <div class="text-danger small">{{ $errors->first('company_name') }}</div>
                    </div>
                </div>
                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted small" for="company_type">
                        Company Type <span class="text-danger">*</span>
                    </label>
                    <div class="col-sm-8">
                        {!! Form::select(
                        'company_type',
                        [
                        '' => 'Select',
                        'proprietorship' => 'Proprietorship',
                        'partnership' => 'Partnership',
                        'private limited company' => 'Private Limited Company',
                        'limited company' => 'Limited Company',
                        'llp' => 'LLP',
                        'huf' => 'HUF',
                        ],
                        $companyProfile->company_type,
                        ['class' => 'form-select border-0 ', 'id' => 'company_type', 'required'],
                        ) !!}
                        <div class="text-danger small">{{ $errors->first('company_type') }}</div>
                    </div>
                </div>
                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted">Tag Line (Optional)</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control border-0 " name="tag_line"
                            value="{{ old('tag_line', $companyProfile->tag_line) }}">
                        <div class="text-danger small">{{ $errors->first('tag_line') }}</div>
                    </div>
                </div>

                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted">Service Area</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control border-0 " name="service_area"
                            value="{{ old('service_area', $companyProfile->service_area) }}">
                        <div class="text-danger small">{{ $errors->first('service_area') }}</div>
                    </div>
                </div>

                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted">Address line 1</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control border-0 " name="address"
                            value="{{ old('address', $companyProfile->address) }}">
                        <div class="text-danger small">{{ $errors->first('address') }}</div>
                    </div>
                </div>


                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted small" for="country">
                        Country <span class="text-danger">*</span>
                    </label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control border-0"
                            style="background: #e2e2e2 !important; color: #6c757d;" id="country" name="country"
                            required readonly value="India">
                        <div class="text-danger small">{{ $errors->first('country') }}</div>
                    </div>
                </div>


                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted">State<span class="text-danger">*</span></label>
                    <div class="col-sm-8">
                        {!! Form::select('state_id', ['' => 'Select State'] + $state, $companyProfile->state_id, [
                        'class' => 'form-select border-0 ',
                        'required',
                        ]) !!}
                        <div class="text-danger small">{{ $errors->first('state_id') }}</div>
                    </div>
                </div>
                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted">City<span class="text-danger">*</span></label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control border-0 " name="district"
                            value="{{ old('district', $companyProfile->district) }}" required>
                        <div class="text-danger small">{{ $errors->first('district') }}</div>
                    </div>
                </div>
                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted">Pin Code</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control border-0 " name="pin_code"
                            value="{{ old('pin_code', $companyProfile->pin_code) }}">
                        <div class="text-danger small">{{ $errors->first('pin_code') }}</div>
                    </div>
                </div>

                <div class="row mb-3 align-items-start">
                    <label class="col-sm-4 col-form-label text-muted small">Company Logo</label>
                    <div class="col-sm-8">
                        <input type="file" class="form-control border-0 " id="company_logo"
                            name="company_logo" accept="image/*">
                        <div class="text-danger small">{{ $errors->first('company_logo') }}</div>
                        @if ($companyProfile->company_logo && $companyProfile->company_logo != asset('storage'))
                        <div class="mt-2">
                            <a href="{{ $companyProfile->company_logo }}" target="_blank"
                                class="btn btn-sm btn-outline-primary shadow-sm">View Current Logo</a>
                        </div>
                        @endif
                    </div>
                </div>
                <div class="row mb-0 align-items-start">
                    <label class="col-sm-4 col-form-label text-muted small">Upload Signature</label>
                    <div class="col-sm-8">
                        <input type="file" class="form-control border-0 " id="company_signature"
                            name="company_signature" accept="image/*">
                        <div class="text-danger small">{{ $errors->first('company_signature') }}</div>
                        @if ($companyProfile->company_signature && $companyProfile->company_signature != asset('storage'))
                        <div class="mt-2">
                            <a href="{{ $companyProfile->company_signature }}" target="_blank"
                                class="btn btn-sm btn-outline-primary shadow-sm">View Current Signature</a>
                        </div>
                        @endif
                    </div>
                </div>

                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted">Email<span class="text-danger">*</span></label>
                    <div class="col-sm-8">
                        <input type="email" class="form-control border-0 " name="email"
                            value="{{ old('email', $companyProfile->email) }}" required>
                        <div class="text-danger small">{{ $errors->first('email') }}</div>
                    </div>
                </div>

                <div class="row mb-0 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted">Enter Website</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control border-0 " name="website"
                            value="{{ old('website', $companyProfile->website) }}">
                        <div class="text-danger small">{{ $errors->first('website') }}</div>
                    </div>
                </div>
                <div class="row mb-0 align-items-center mt-2">
                    <label class="col-sm-4 col-form-label text-muted small" for="transporter_id">
                        Transporter ID
                    </label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control border-0 " id="transporter_id"
                            name="transporter_id"
                            value="{{ old('transporter_id', $companyProfile->transporter_id) }}">
                        <div class="text-danger small">{{ $errors->first('transporter_id') }}</div>
                    </div>
                </div>
                <div class="row mb-3 align-items-center mt-2">
                    <label class="col-sm-4 col-form-label text-muted small" for="year_from">
                        Financial Year Start <span class="text-danger">*</span>
                    </label>
                    <div class="col-sm-8">
                        <div class="input-group">
                            <span class="input-group-text border-0 bg-white"><i class="ri-calendar-todo-line"></i></span>
                            <input type="text" class="form-control border-0 datepicker" id="year_from" name="year_from"
                                required
                                value="{{ $companyProfile->year_from == '' || $companyProfile->year_from == '1970-01-01' ? '' : date('d-m-Y', strtotime($companyProfile->year_from)) }}">
                        </div>
                        <div class="text-danger small">{{ $errors->first('year_from') }}</div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="col-md-5">


        <h4 class="text-muted mb-3"> Contact Details</h4>
        <div class="card border-0 shadow-sm rounded-3 mb-4">
            <div class="card-body p-4">
                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted small">Contact person name</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control border-0 " name="contact_person"
                            value="{{ old('contact_person', $companyProfile->contact_person) }}">
                    </div>
                </div>
                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted small">Mobile number<span
                            class="text-danger">*</span></label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control border-0 " name="mobile_no"
                            value="{{ old('mobile_no', $companyProfile->mobile_no) }}" required>
                    </div>
                </div>
                <div class="row mb-0 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted small">Email
                    </label>
                    <div class="col-sm-8">
                        <input type="email" class="form-control border-0 " name="contact_email"
                            value="{{ old('contact_email', $companyProfile->contact_email) }}">
                    </div>
                </div>
            </div>

        </div>
        <h4 class="text-muted mb-3">Additional Details</h4>
        <div class="card border-0 shadow-sm rounded-3 mb-4">
            <div class="card-body p-4">
                <div class="row align-items-start">
                    <label class="col-sm-4 col-form-label text-muted small">Remark/Terms</label>
                    <div class="col-sm-8">
                        <textarea class="form-control border-0 " name="remark" rows="5">{{ old('remark', $companyProfile->remark) }}</textarea>
                        <div class="text-danger small">{{ $errors->first('remark') }}</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card border-0 shadow-sm rounded-3">
            <div class="card-body p-4 d-flex align-items-center justify-content-between">
                <span class="text-muted small">Set Header Text Color</span>
                <div class="d-flex align-items-center">
                    <div class="rounded-pill me-2"
                        style="width: 100px; height: 30px; background: linear-gradient(to right, #4facfe 0%, #00f2fe 30%, #f9d423 60%, #ff4e50 100%);">
                    </div>
                    <input type="color" name="header_color" class="form-control form-control-color border-0 p-0"
                        style="width: 150px; height: 35px;"
                        value="{{ old('header_color', $companyProfile->header_color ?? '#1a1a00') }}">
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-7 mt-4">
        <h4 class="text-muted mb-3">Registration Details ( Appear in all documents)</h4>
        <div class="card border-0 shadow-sm rounded-3">
            <div class="card-body p-4">
                @php
                $reg_fields = [
                'gst_no' => 'GST number',
                'pan_no' => 'PAN number',
                'udyam_no' => 'Udyam Registration Number',
                'uin_no' => 'UIN number',
                'tan_no' => 'TAN number',
                'cin_no' => 'CIN number',
                'reg_number' => 'Registration number',
                ];
                @endphp
                @foreach ($reg_fields as $key => $label)
                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted small">{{ $label }}</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control border-0" name="{{ $key }}"
                            value="{{ old($key, $companyProfile->$key) }}">
                        <div class="text-danger small">{{ $errors->first($key) }}</div>
                    </div>
                </div>
                @if ($key === 'gst_no')
                <div class="row mb-3 align-items-center">
                    <label class="col-sm-4 col-form-label text-muted small">GST Type <span class="text-danger">*</span></label>
                    <div class="col-sm-8">
                        {!! Form::select('gst_type', ['Regular' => 'Regular', 'Composition' => 'Composition', 'Unregistered' => 'Unregistered'], old('gst_type', $companyProfile->gst_type ?? 'Unregistered'), ['class' => 'form-select border-0', 'id' => 'gst_type', 'required']) !!}
                        <div class="text-danger small">{{ $errors->first('gst_type') }}</div>
                    </div>
                </div>
                @endif
                @endforeach
            </div>
        </div>
    </div>
    <div class="col-12 text-end mt-4">
        <button type="submit" class="btn btn-primary px-5 py-2 rounded-pill shadow">Update Profile</button>
    </div>

    {!! Form::close() !!}
</div>

@push('footer_script')
    <script src="{{ asset('theme/assets/vendor/daterange/daterange.js') }}"></script>
    <script>
        $(document).ready(function() {
            if ($('#year_from').length) {
                let initialVal = $('#year_from').val();
                $('#year_from').daterangepicker({
                    singleDatePicker: true,
                    startDate: initialVal ? moment(initialVal, 'DD-MM-YYYY') : moment(),
                    locale: {
                        format: 'DD-MM-YYYY'
                    }
                });
            }

        });
    </script>
@endpush

@endsection