@extends('layouts.app')
@section('title', 'View User profile');
@section('content')
    <div class="card" v-init:post="{{ json_encode(@$profile ? $profile : []) }}">
        <!-- /.card-header -->
        <div class="card-body">

            <a href="{{ route('admin.profile.index') }}">View All</a>
            <form action="" method="post"
                @@submit.prevent="loader = true,validateFormAndRedirectTo('/admin/profile{{ @$profile ? '/update/' . $profile->id : '' }}','admin/profile')">
                <div class="row">
                    <div class="col-sm-2">
                        <b-input validate="required" name="full_name" label="Full Name" v-model="post.full_name"></b-input>
                    </div>
                    <div class="col-sm-2">
                        <b-input name="mobile" label="Mobile No" v-model="post.mobile"></b-input>
                    </div>
                    <div class="col-sm-3">
                        <b-date-picker :only-date="true" name="dob" label="Date Of Birth" v-model="post.dob">
                        </b-date-picker>
                    </div>
                    <div class="col-sm-4">
                        <b-file :upload-to-server="true" name="avatar" label="User Profile Pic" v-model="post.avatar">
                        </b-file>
                    </div>
                    <div class="col-sm-4">
                        <b-input name="address_1" label="Address 1" v-model="post.address_1"></b-input>
                    </div>

                    <div class="col-sm-4">
                        <b-input name="address_2" label="Address 2" v-model="post.address_2"></b-input>
                    </div>

                    <div class="col-sm-4">
                        <b-input name="city" label="City" v-model="post.city"></b-input>
                    </div>

                    <div class="col-sm-4">
                        <b-input name="state" label="State" v-model="post.state"></b-input>
                    </div>

                    <div class="col-sm-4">
                        <b-input name="country" label="Country" v-model="post.country"></b-input>
                    </div>

                    <div class="col-sm-12">
                        <b-checkbox name="active" label="Active" v-model="post.active"></b-checkbox>
                    </div>
                </div>
                <button v-if="loader" type="button" class="btn btn-primary">Processing..</button>
                <button v-else type="submit" class="btn btn-primary"> Update profile</button>
                <a href="{{ admin_url('profile') }}">Cancel</a>
            </form>
        </div>
    </div>
@endsection