@extends('layouts.mainlayout')
@section('content')
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="/vendor/js/gijgo.min.js" type="text/javascript"></script>
    <link href="/css/gijgo.min.css" rel="stylesheet" type="text/css"/>
    <div class="album text-muted">
        <div class="container mw-100">
            <div class="card mb-3 align-middle">
                <div class="card-header"><i class="fas fa-table"></i>
                    Edit @foreach ($c_edit as $c_edi) {{ $c_edi->firstname }} {{ $c_edi->lastname }} details @endforeach
                </div>
                <div class="card-body">
                    <form action="" method="POST">
                        <div class="row">
                            <div class="col-xl-3 col-sm-6 mb-3">
                                <p>First name</p>
                                <input class="form-control input-lg" type='text' name='firstname'
                                       value="{{ $c_edi->firstname }}"/>
                            </div>
                            <div class="col-xl-3 col-sm-6 mb-3">
                                <p>Last name</p>
                                <input class="form-control input-lg" type='text' name='lastname'
                                       value="{{ $c_edi->lastname }}"/>
                            </div>
                            <div class="col-xl-3 col-sm-6 mb-3">
                                <p>Birth date</p>
                                <input class="form-control input-lg" type='text' id="birth_date" name='birth_date'
                                       value="{{ $c_edi->birth_date }}"/>
                                <script>
                                    $('#birth_date').datepicker({
                                        uiLibrary: 'bootstrap4',
                                        format: 'yyyy-mm-dd'
                                    });
                                </script>
                                <!---->
                            </div>
                            <div class="col-xl-3 col-sm-6 mb-3">
                                <p>Country</p>
                                <select class="form-control input-lg" name="a_country">