@extends('admin.layouts.app')

@section('content')
    <div class="main-content">
        <div id="contentDiv" class="">
            <div class="card">
                <div class="card-header">
                    <div class="title">Add Shares</div>
                    <div class="action-center">
                    </div>
                </div>
                <div class="card-body">
                    @if ($share->exists)
                        <form method="POST" action="{{ route('admin.share.update', $share->id) }}" class="form">
                            @method('PUT')
                        @else
                            <form method="POST" action="{{ route('admin.share.store') }}" class="form">
                    @endif
                    @csrf
                    {{-- {{ dd(session()->all()) }} --}}
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="mb-4">
                                <label for="state" class="form-label">State<span class="required">*</span></label>
                                <select name="state" id="state" class="form-select @error('state') is-invalid @enderror">
                                    <option value="" selected disabled>--Select--</option>
                                    @foreach ($states as $state)
                                        <option value="{{ $state->id }}" data-code="{{ $state->code }}" {{ old('state') == $state->id ? 'selected' : '' }}>
                                            {{ $state->name }}</option>
                                    @endforeach
                                </select>
                                @error('state')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="mb-4">
                                <label for="share_number" class="form-label">Share Number<span
                                        class="required">*</span></label>
                                <input type="text" name="share_number" id="share_number"
                                    class="form-control @error('share_number') is-invalid @enderror"
                                    value="{{ old('share_number', $share->share_number) }}"
                                    placeholder="Enter share number">
                                <small id="generated_share_number">Generated ID: <span>??-?????</span></small>
                                @error('share_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="d-flex justify-content-center align-items-center">
                            <button class="btn btn-success me-2">{{ $share->exists ? 'Update' : 'Create' }}</button>
                            <a href="{{ route('admin.customer.index') }}" class="btn btn-danger">Cancel</a>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        <div id="interactionBar">
            <div class="inner-content">
                <div class="copyright-info">
                    <p>&#169; Copyright 2024 - Manarang. All rights reserved.</p>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('inline-script')
    <script>
        $("#state").change(function() {
            generateShareId();
        })
        $("#share_number").keyup(function() {
            generateShareId();
        })

        function generateShareId() {
            var state = $("#state option:selected").attr('data-code');
            console.log(state);
            var number = $("#share_number").val();
            console.log(number);
            var generatedId = (state ?? "??") + '-' + (number != "" ? number.toString().padStart(5, '0') : "?????");
            $("#generated_share_number span").html(generatedId);
        }

        generateShareId();
    </script>
@endpush