@extends('cms.layouts.main')

@section('content')
@include('cms.layouts.headers.partials', ['title' => 'Edit Record'])

<div class="container-fluid mt--7">
    <div class="row">
        <div class="col-xl-12 order-xl-1">
            <div class="card bg-secondary shadow">
                <div class="card-header bg-white border-0">
                    <div class="row align-items-center">
                        <div class="col">
                            <h3 class="mb-0">{{ $page_info['title'] }}</h3>
                        </div>
                        <div class="col-auto text-right">
                            <a href="{{ route('admin.'.$page_info['link'].'.index') }}" class="btn btn-sm btn-primary">Back to list</a>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    @include('cms.components.alert', ['with' => 'status', 'class' => 'success'])
                    <form method="post" action="{{ route('admin.'.$page_info['link'].'.update', $row) }}" autocomplete="off">
                        @csrf
                        @method('put')

                        <div class="px-lg-4">

                            <div class="row">
                                <div class="col-lg-3">
                                    {{-- First Name --}}
                                    @include('cms.components.inputs.text', ['label' => 'First Name', 'asterix' => true, 'name' => 'first_name'])
                                </div>
                                <div class="col-lg-3">
                                    {{-- Last Name --}}
                                    @include('cms.components.inputs.text', ['label' => 'Last Name', 'asterix' => true, 'name' => 'last_name'])
                                </div>
                                <div class="col-lg-3">
                                    {{-- Father Name --}}
                                    @include('cms.components.inputs.text', ['label' => 'Father Name', 'asterix' => true, 'name' => 'father_name'])
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-4">
                                    {{-- Email --}}
                                    @include('cms.components.inputs.text', ['label' => 'Email', 'asterix' => true, 'name' => 'email'])
                                </div>
                                <div class="col-lg-4">
                                    {{-- Mobile Number --}}
                                    @include('cms.components.inputs.text', ['label' => 'Mobile Number', 'asterix' => true, 'name' => 'mobile_number'])
                                </div>
                                <div class="col-lg-4">
                                    {{-- Phone Number --}}
                                    @include('cms.components.inputs.text', ['label' => 'Phone Number', 'name' => 'phone_number'])
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-4">
                                    {{-- ID Number --}}
                                    @include('cms.components.inputs.text', ['label' => 'ID Number', 'asterix' => true, 'name' => 'id_number'])
                                </div>
                                <div class="col-lg-4">
                                    {{-- Marital Status --}}
                                    @include('cms.components.inputs.select-single', ['label' => 'Marital Status', 'name' => 'marital_status_id', 'placeholder' => 'Please select a Marital Status', 'rows' => $marital_statuses, 'attribute' => 'title'])
                                </div>
                                <div class="col-lg-4">
                                    {{-- Date of Birth --}}
                                    @include('cms.components.inputs.date', ['label' => 'Date of Birth', 'asterix' => true, 'name' => 'date_of_birth'])
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-3">
                                    {{-- Country of Birth --}}
                                    @include('cms.components.inputs.select-single', ['label' => 'Country of Birth', 'asterix' => true, 'name' => 'country_of_birth_id', 'placeholder' => 'Please select a Country of Birth', 'rows' => $countries, 'attribute' => 'name'])
                                </div>
                                <div class="col-lg-3">
                                    {{-- City of Residence --}}
                                    @include('cms.components.inputs.select-single', ['label' => 'City of Residence', 'asterix' => true, 'name' => 'city_of_residence_id', 'placeholder' => 'Please select a City of Residence', 'rows' => $regions, 'attribute' => 'title'])
                                </div>
                                <div class="col-lg-3">
                                    {{-- Street --}}
                                    @include('cms.components.inputs.text', ['label' => 'Street', 'name' => 'street'])
                                </div>
                                <div class="col-lg-3">
                                    {{-- Building --}}
                                    @include('cms.components.inputs.text', ['label' => 'Building', 'name' => 'building'])
                                </div>
                            </div>

                            {{-- Password --}}
                            <div class="form-group">
                                <label class="form-control-label" for="input-password">Password</label>
                                <input name="password" id="input-password" class="form-control form-control-alternative">

                                @if($errors->has('password'))
                                <span class="invalid-feedback text-danger d-block" role="alert">
                                    <strong>{{ $errors->first('password') }}</strong>
                                </span>
                                @endif
                            </div>

                            {{-- Wallet --}}
                            @include('cms.components.inputs.number', ['label' => 'Wallet', 'name' => 'wallet'])

                            <div class="text-center">
                                <button type="submit" class="btn btn-success mt-4">Save</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    @include('cms.layouts.footers.auth')
</div>
@endsection