@extends('layouts.dashboard')
@section('content')
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">Edit User</h1>
            </div>
            <div class="col-sm-6"></div>
        </div>
    </div>
</div>
<!-- /.content-header -->
<!-- Main content -->
<div class="content">
    <div class="container-fluid">
    <div class="row">
        <div class="col-lg-12 col-12">
            <form id="updateUserForm" method="post" >
                <div class="card card-info">
                    <div class="card-header">
                        <h3 class="card-title">User Details</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name">Name</label>
                                    <input type="text" class="form-control" name="name" id="name" placeholder="Enter Name" value="{{ $data['name'] }}" />
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="email">Email Address</label>
                                    <input type="email" class="form-control" name="email" id="email" placeholder="Enter Email Address" value="{{ $data['email'] }}" disabled/>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="phone_number">Phone Number</label>
                                    <input type="text" class="form-control" name="phone_number" id="phone_number" placeholder="Enter Phone Number" value="{{ $data['phone_number'] }}" />
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="user_status">User Status</label>
                                    <select class="custom-select" id="user_status" name="user_status">
                                        <option value="1" @if($data['user_status'] == 1) selected @endif>Active</option>
                                        <option value="0" @if($data['user_status'] == 0) selected @endif>Inactive</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="user_type">User Type</label>
                                    <select class="custom-select" id="user_type" name="user_type">
                                        <option value="1" @if($data['user_type'] == 1) selected @endif>Admin</option>
                                        <option value="2" @if($data['user_type'] == 2) selected @endif>Store</option>
                                        <option value="3" @if($data['user_type'] == 3) selected @endif>Consumer</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="store-details card card-secondary @if($data['user_type'] != 2) d-none @endif" >
                    <div class="card-header">
                        <h3 class="card-title">Store Details</h3>
                    </div>
                    <div class="card-body">
                        <form action="" method="post">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="store_type">Store Type</label>
                                        <select class="custom-select" id="store_type" name="store_type_id">
                                            @foreach ($store_type as $store_item)
                                                <option value="1" @if($data['store_type_id'] == $store_item['id']) selected @endif>{{$store_item['type']}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="address">Address</label>
                                        <input type="text" class="form-control" name="address" id="address" placeholder="Enter Address" value="{{ $data['address'] }}" />
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="prefecture">Prefecture</label>
                                        <input type="text" class="form-control" name="prefecture" id="prefecture" placeholder="Enter Prefecture" value="{{ $data['prefecture'] }}" />
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="city">City</label>
                                        <input type="text" class="form-control" name="city" id="city" placeholder="Enter City" value="{{ $data['city'] }}" />
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="postal_code">Postal Code</label>
                                        <input type="text" class="form-control" name="postal_code" id="postal_code" placeholder="Enter Postal Code" value="{{ $data['postal_code'] }}" />
                                    </div>
                                </div>
                            </div>
                            
                        </form>
                    </div>
                </div>
                <div class="card">
                    <div class="card-footer">
                        <button type="button" class="btn btn-default btn-lg" onclick="history.back()">Back</button>
                        <button type="button" class="btn btn-info btn-lg float-right" id="update_user">Update</button>
                    </div>
                </div>
            </form>
        </div>
    </div>    
</div>
@endsection
@push('styles')
<link rel="stylesheet" href="{{ asset('admin-lte/plugins/toastr/toastr.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/custom.css') }}">
@endpush
@push('scripts')
<script src="{{ asset('admin-lte/plugins/toastr/toastr.min.js') }}"></script>
<script src="{{ asset('js/user-edit.js') }}"></script>
@endpush