@extends('admin.layouts.main')
@section('content')

<main class="main">
                    <section class="section lyt-section typ-add-property">
                        <h2 class="bs-heading typ-27 typ-blue typ-800 mt-18 mb-24">
                        <a href="{{route('service-users.index')}}" class="me-2">
                                <span class="icon  icon-left-icon"></span>
                            </a>
                            Edit Subscriber
                        </h2>
                        <div class="bs-form typ-add-property mx-2 mb-50">
                            <form action="{{route('service-users.update',$service_user)}}" method="POST" id="subscriptionForm">
                                @csrf
                                @method('PUT')
                                <div class="row">
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="first-name"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">First
                                                Name</label>
                                            <input type="text" name="first_name" value="{{$service_user->user->first_name}}" class="input-field" id="first-name"
                                                placeholder="First Name">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="last-name"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Last
                                                Name</label>
                                            <input type="text" name="last_name" value="{{$service_user->user->last_name}}" class="input-field" id="last-name"
                                                placeholder="Last Name">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="phone-no"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Phone
                                                No</label>
                                            <input type="tel" name="phone_number" value="{{$service_user->user->phone_number}}" class="input-field" id="phone-no"
                                                placeholder="1234567890">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="email"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Email
                                                ID</label>
                                            <div class="inner-input-box">
                                                <input type="email" name="email" value="{{$service_user->user->email}}" class="input-field input-email" id="email"
                                                    placeholder="shubhampatil@gmail.com">

                                                <span class="icon icon-lock"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="service-name"
                                                class="input-label typ-500 typ-clr-grey2 ls-0 mb-10">Enter
                                                Service Name</label>
                                            <!-- <input type="tel" class="input-field" id="service-name"
                                                placeholder="Paper work made easy"> -->
                                                <select class="input-select" name="service" id="service-name">
                                                <option value="0">Select service</option>

                                                <option value="Paper work made easy" {{$service_user->service=="Paper work made easy" ? 'selected' : ''}}>Paper work made easy</option>
                                                <option value="End to end" {{$service_user->service=="End to end" ? 'selected' : ''}}>End to end</option>
                                            </select>
                                        </div>
                                        <span id="service-error" class="error"></span>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="amount"
                                                class="input-label typ-500 typ-clr-grey2 mb-10">Amount</label>
                                            <div class="rupee-box">
                                                <input type="number" name="amount" value="{{$service_user->amount}}" class="input-field" id="amount" placeholder="">
                                            </div>
                                        </div>
                                        <span id="amount-error" class="error"></span>

                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="start-date" class="input-label typ-500 typ-clr-grey2 mb-6">Start
                                                Date</label>
                                            <div class="bs-date">
                                                <input type="text" name="from_date" value="{{$service_user->start_date->format('d/m/Y')}}" class="input-date" id="start_date"
                                                    placeholder="{{$service_user->start_date}}">
                                                <div class="calender-icon"><img src="{{asset('assets/images/calender.svg')}}"
                                                        class="img-fluid" alt=""></div>
                                            </div>
                                            @error('start_date_error')
                                                <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="start-date" class="input-label typ-500 typ-clr-grey2 mb-6">To
                                                Date</label>
                                            <div class="bs-date">
                                                <input type="text" name="to_date" value="{{$service_user->end_date->format('d/m/Y')}}" class="input-date" id="end_date"
                                                    placeholder="{{$service_user->end_date}}">
                                                <div class="calender-icon"><img src="{{asset('assets/images/calender.svg')}}"
                                                        class="img-fluid" alt=""></div>
                                            </div>
                                            @error('to_date_error')
                                                <span class="text-danger">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-12">
                                        <div class="bs-input-box input-box">
                                            <button class="bs-button typ-fill-complete typ-700 me-2 px-32">
                                                Submit
                                            </button>
                                            
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </section>
                </main>
@endsection