@extends('layouts.main-layout')

@section('title', 'Edit Subscriber')
    
@section('content')
<style>
    #submit_btn{
        width: 100%;
        background-color: #008080;
        color: #fff;
    }
</style>
    {{-- <div class="container"> --}}
        {{-- <!--ERROR DISPLAY-->
        <div class="row d-flex justify-content-center mb-5">
            <div class="col-md-8">
                @if ($errors->any())
                <div class="alert alert-danger">
                    @foreach ($errors->all() as $error)
                        <li style="color: #fff">{{$error}}</li>
                    @endforeach
                </div>
            @endif
                @if (Session::has('error'))
                <div class="alert alert-danger">
                    <li style="color: #fff;">{{ Session::get('error') }}</li>
                </div>
            @endif
            @if (Session::has('success'))
                <div class="alert alert-success">
                    <li style="color: #fff;">{{ Session::get('success') }}</li>
                </div>
            @endif
            </div>
        </div>
        <!--END OF ERROR DISPLAY--> --}}
        <div class="row p-2 d-flex justify-content-center align-items-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-body">
                        <div class="row mb-4">
                            <h3 class="text-muted">Edit Subscriber</h3>
                        </div>
                        <form action="{{ route('subscriber.edit', $subscriber->id) }}" method="POST">
                            @csrf
                            <div class="row mb-3">
                                <div class="col-md-6 col-sm-11 col-xs-12 mb-3">
                                    <label class="form-label" for="">Phone</label>
                                    <input class="form-control" type="text" 
                                    value="{{ $subscriber->phone }}" readonly name="phone" id="phone">
                                </div>
                                <div class="col-md-6 col-sm-11 col-xs-12 mb-3">
                                    <label class="form-label" for="">Status</label>
                                    <select class="form-select" name="status" id="status">
                                        <option value="active" @if ($subscriber->status == 'active')
                                            {{ 'selected' }}
                                        @endif>Active</option>
                                        <option value="opt-out" @if ($subscriber->status == 'opt-out')
                                            {{ 'selected' }}
                                        @endif>Opt out</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-md-6 col-sm-11 col-xs-12 mb-3">
                                    @php
                                        $date = $subscriber->subscription_date;
                                        $final_date = \Carbon\Carbon::parse($date)->format('Y-m-d');
                                    @endphp
                                    <label class="form-label" for="">Subscription Date</label>
                                    <input class="form-control" readonly value="{{ $final_date }}" type="date" name="subscription_date" id="subscription_date">
                                </div>
                                <div class="col-md-6 col-sm-11 col-xs-12 mb-3">
                                    <label class="form-label" for="">Payment Status</label>
                                    <input class="form-control" readonly value="{{ $subscriber->payment_status }}"  type="text" name="payment_status" id="payment_status">
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-md-6 col-sm-11 col-xs-12 mb-3">
                                    @php
                                        $date = $subscriber->subscription_expiry;
                                        $final_date = \Carbon\Carbon::parse($date)->format('Y-m-d');
                                    @endphp
                                    <label class="form-label" for="">Subscription Expiry</label>
                                    <input class="form-control" value="{{ $final_date }}" readonly type="date" name="subscription_expiry" id="subscription_expiry">
                                </div>
                                <div class="col-md-6 col-sm-11 col-xs-12 mb-3" style="margin-top: 25px;">
                                    <button class="btn" id="submit_btn">Submit</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    {{-- </div> --}}
@endsection