Anons79 Mini Shell

@extends('general.head')
@section('middle')


<div class="page-head_agile_info_w3l">

</div>
<!-- //banner-2 -->
<!-- page -->
<div class="services-breadcrumb">
    <div class="agile_inner_breadcrumb">
        <div class="container">
            <ul class="w3_short">
                <li>
                    <a href="{{ url('/') }}">Home</a>
                    <i>|</i>
                </li>
                <li>Userdashboard</li>
            </ul>
        </div>
    </div>
</div>
<!-- //page -->
<!-- Single Page -->
<div class="banner-bootom-w3-agileits">
    <div class="container">

        <style>
            .col-md-6{
                margin-top: 20px;
            }
            .col-md-12{
                margin-top: 20px;
            }
        </style>

        <div class="product-sec1">

            <div class="col-md-3">
                <div align="center">
                    @include('userdashboard.sidebar')
                </div>

            </div>
            <div class="col-md-9">

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <i class="fa fa-bar-chart fa-lg"></i> <strong>Add Address</strong>
                    </div>
                    <div class="panel-body">



                        <form method="post" action="{{ url('submit_address') }}">

                            <input type="hidden" name="_token" value="<?php  echo csrf_token(); ?>">

                            <div class="col-md-12">
                                <label>Address Line 1</label>
                                <input type="text" class="form-control" name="address1"  placeholder="Address Line 1">
                            </div>

                            <div class="col-md-12">
                                <label>Address Line 2</label>
                                <input type="text" class="form-control" name="address2" value="" placeholder="Address Line 2">
                            </div>

                            <div class="col-md-6">
                                <label>City</label>
                                <input type="text" class="form-control" name="city" value="" placeholder="Enter City">
                            </div>


                            <div class="col-md-6">
                                <label>County</label>
                                <select class="form-control" id="AddressCountryNew" name="country_id" data-default="">
                                    @foreach($countries as $country)
                                    <option value="{{ $country->id }}">{{ $country->name }}</option>
                                    @endforeach

                                </select>
                            </div>

                            <div class="col-md-12">
                                <label>Postal/Zip Code</label>
                                <input type="text" class="form-control"name="zip" value="" placeholder="Enter Zip">
                            </div>

                            <div class="col-md-12">
                                <label>Phone</label>
                                <input type="text" class="form-control" name="phone" value="" placeholder="Enter Phone">
                            </div>

                            <div class="col-md-12">
                            <input type="checkbox" id="address_default_address_new" name="default" value="1">
                            <label for="address_default_address_new">Set as default address</label>
                            </div>


                            <div class="col-md-12">
                                <input type="submit" class="btn btn-primary" style="float: right">
                            </div>
                        </form>



                    </div>

                </div>

            </div>




            <div class="clearfix"></div>
        </div>

    </div>
</div>

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>




@endsection