@extends('layouts.app')
@section('content')
    <!-- Main row -->
    <div class="row">
        <!-- Left col -->
        <section class="col-lg-8">
            <!-- Map card -->
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">Edit Post</h3>
                </div>
                <!-- /.card-header -->
                <!-- form start -->
                <form method="post" action="{{route('postUpdate',$post->id)}}">
                    @csrf
                    <div class="card-body">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li><i class="icon fa fa-check"></i> <strong>{{ $error }}</strong></li>
                                    @endforeach
                                </ul>
                            </div>
                            <br>
                        @endif

                            <div class="form-group">
                                <label for="category">Select Category</label>
                                <select id="category" name="category" class="form-control">
                                    <option value="" selected>Category List</option>
                                    @foreach($categories as $category)
                                        <option value="{{$category->id}}"
                                                @if($post->category->id == $category->id)
                                                selected
                                            @endif
                                        > {{$category->name}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group">
                                <label for="headline">Headline</label>
                                <input type="text" class="form-control" id="headline" name="headline" placeholder="Enter Post Title" value="{{$post->title}}" required>
                            </div>
                            <div class="form-group">
                                <label for="description">Ads Description</label>
                                <textarea class="form-control" name="description" id="description" rows="10" required placeholder="Write your ads description here">{!! $post->content !!}</textarea>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="state">Select State</label>
                                        <select id="state" name="state" class="form-control">
                                            <option value="" selected>State List</option>
                                            @foreach($countries as $country)
                                                <option disabled value="">{{$country->name}}</option>
                                                <option hidden value=""></option>
                                                @foreach($country->states as $state)
                                                    <option value="{{$state->id}}"
                                                            @if($post->state->id == $state->id)
                                                            selected
                                                        @endif
                                                    > {{$state->name}}
                                                    </option>
                                                @endforeach
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="mobile">Mobile Number</label>
                                        <input type="tel" class="form-control" id="mobile" name="mobile" placeholder="Example: 123-456-7890" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" value="{{$post->mobile}}" required>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="location">Location or City</label>
                                <input type="text" class="form-control" id="location" name="location" placeholder="Enter Location or City" value="{{$post->location}}">
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="age">Select Age</label>
                                        <input type="number" class="form-control" id="age" name="age" placeholder="Enter Age" value="{{$post->age}}">
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <label for="name">Name or Alias</label>
                                        <input type="text" class="form-control" id="name" name="name" placeholder="Enter Name or Alias" value="{{$post->name}}">
                                    </div>
                                </div>
                            </div>
                    </div>
                    <!-- /.card-body -->

                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
            <!-- /.card -->
        </section>

        <!-- /.Left col -->
        <!-- right col (We are only adding the ID to make the widgets sortable)-->
        <section class="col-lg-4">
            <!-- Calendar -->
            <div class="card card-warning">
                <div class="card-header">
                    <h3 class="card-title text-center">Important Information</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <div class="alert alert-info">
                        <h5><i class="icon fa fa-info"></i> Keep In Mind! Ads Post Fees</h5>
                        Per Ads Post Fees = $ {{$settings->post_price}}
                    </div>
                    <div class="small-box bg-success">
                        <div class="inner">
                            <h3>$ {{Auth::user()->balance}}</h3>
                            <p>Current Balance</p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-cash"></i>
                        </div>
                        <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </section>
        <!-- right col -->
    </div>
    <!-- /.row (main row) -->

@endsection