@extends('layouts.app')

@section('content')
    <div class="page-wrapper">
        <!-- Page-header start -->
        <div class="page-header">
            <div class="row align-items-end">
                <div class="col-lg-8">

                    <div class="page-header-title">
                        <div class="d-inline">
                            <h4>Update State</h4>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- Page-header end -->

        <!-- Page-body start -->
        <div class="page-body">
            <div class="row">
                <div class="col-sm-12">
                    <!-- Zero config.table start -->
                    <div class="card bg-light">
                        <div class="card-block">
                            <div class="mT-30">
                                @include('common.error')
                                {{-- @php $user = \Auth::user(); @endphp --}}
                             
                                <form class="" action="{{route('states.update',$state->StateCode)}}" method="POST" id="state-season-validation" enctype="multipart/form-data">
                                @method('PATCH')
                                    @csrf
                                    
                                    <div class="row mt-4">
                                        <div class="col-md-3">
                                            <label class="control-label" for="StateCode">State Code<span class="red">*</span></label>                                                
                                            <input autocomplete="off" class="form-control text-box" value="{{$state->StateCode}}"
                                                        id="StateCode" maxlength="30" name="StateCode" type="text">
                                        </div>

                                        <div class="col-md-3">
                                            <label class="control-label" for="StateName">State Name<span class="red">*</span></label>
                                                
                                            <input autocomplete="off" class="form-control text-box" id="StateName" maxlength="30" name="StateName" type="text" value="{{ old('StateName') ? old('StateName') : $state->StateName}}" onkeypress="allowAlphaSpace(event)">
                                        </div>

                                        <div class="col-md-3 mt-3">
                                            <button class="btn btn-primary mr-2" type="submit">Save</button>
                                            <a href="{{ url('states') }}" class="btn  btn-outline-primary">Back</a>
                                        </div>
                                    </div>                                    
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Page-body end -->
    </div>

    
    <style>
        .delete-btn img {
            width: 15px;
        }

        .delete-btn {
            background: transparent;
            border: 0 !important;
            outline: none !important;
            cursor: pointer;
        }
    </style>

    <script>
        $(document).ready(function() {
            $("#StateCode").css({"pointer-events": "none","touch-action": "none","background": "#e9ecef"});
        

        });
    </script>
@endsection