@extends('website.layouts.app')

@section('content')
    <div class="container">
        <div class="pb-5">
            <div class="back_page">
                <i class="fa-solid fa-arrow-left"></i>
                <a href="{{ route('form16.abstract') }}">Back to account overview</a>
            </div>

            <div class="mandatory-form-container">
                <div class="card">
                    <div class="card-header">
                        <div class="h5 mb-0">Share Detail</div>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('form16.saveShareDetail') }}" class="form-horizontal" method="POST">
                            @csrf
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="number_of_shares_required"
                                            class="form-label @error('number_of_shares_required') is-invalid @enderror">Number
                                            of Shares Required</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="number" name="number_of_shares_required"
                                            id="number_of_shares_required"
                                            class="form-control @error('number_of_shares_required') is-invalid @enderror"
                                            placeholder="Enter number of shares"
                                            value="{{ old('number_of_shares_required', $custShareDtls['number_of_shares_required']) }}">
                                        @error('number_of_shares_required')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="amount_remitted"
                                            class="form-label @error('amount_remitted') is-invalid @enderror">Amount
                                            Remitted</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" name="amount_remitted" id="amount_remitted"
                                            class="form-control @error('amount_remitted') is-invalid @enderror"
                                            placeholder="Enter amount remitted"
                                            value="{{ old('amount_remitted', $custShareDtls['amount_remitted']) }}">
                                        @error('amount_remitted')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="date_of_remittance"
                                            class="form-label @error('date_of_remittance') is-invalid @enderror">Date of
                                            Remittance</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="date" name="date_of_remittance" id="date_of_remittance"
                                            class="form-control @error('date_of_remittance') is-invalid @enderror"
                                            value="{{ old('date_of_remittance', $custShareDtls['date_of_remittance']) }}">
                                        @error('date_of_remittance')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="mode_of_remittance"
                                            class="form-label @error('mode_of_remittance') is-invalid @enderror">Mode of
                                            Remittance</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" name="mode_of_remittance" id="mode_of_remittance"
                                            class="form-control @error('mode_of_remittance') is-invalid @enderror"
                                            placeholder="Enter mode of remittance"
                                            value="{{ old('mode_of_remittance', $custShareDtls['mode_of_remittance']) }}">
                                        @error('mode_of_remittance')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="post_office_name"
                                            class="form-label @error('post_office_name') is-invalid @enderror">Post Office
                                            Name</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input type="text" name="post_office_name" id="post_office_name"
                                            class="form-control @error('post_office_name') is-invalid @enderror"
                                            placeholder="Enter post office name" value="{{ old('post_office_name', $custShareDtls['post_office_name']) }}">
                                        @error('post_office_name')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-4">&nbsp;</div>
                                    <div class="col-md-4">
                                        <div class="text-center">
                                            <button type="submit" class="btn btn-primary">Submit</button>
                                            <a href="{{ route('form16.abstract') }}" class="btn btn-danger ms-2">Cancel</a>
                                        </div>
                                    </div>
                                </div>

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