@extends(backpack_view('layouts.plain'))

@section('content')
    <div class="row justify-content-center mt-0">
        <div class="col-11 col-sm-9 col-md-7 col-lg-6p-0 mt-3 mb-2">
            <div class=" px-0 pt-4 pb-0 mt-3 mb-3">
                <div class="row">
                    <div class="col-md-12 mx-0">
                        <div class="card border-0 card-style">
                            <div class="card-body ">
                              <div class="d-flex justify-content-between">
                                  <div class="text-value"><small>Project Name : <span class="text-muted ">  {{$project->name}}</span> </small></div>
                              </div>

                               <div class="ml-2" >
                                <small>
                                  <table class="table table-responsive table-borderless text-left">
                                        <tr class="pb-0">
                                            <td class="text-muted pb-0" >Project ID</td>
                                            <td class="pb-0">{{$project->project_no}}</td>
                                        </tr>
                                        <tr class="pb-0 pt-0">
                                            <td class="pb-0 pt-0 text-muted">Name</td>
                                            <td class="pb-0 pt-0 text-bold">{{$project->name}}</td>
                                        </tr>
                                        <tr class="pb-0 pt-0">
                                          <td class="pb-0 pt-0 text-muted">Created on</td>
                                          <td class="pb-0 pt-0 text-bold">{{ date("d-m-Y", strtotime($project->created_at)) }}</td>
                                        </tr>
                                        <tr class="pb-0 pt-0">
                                            <td class="pb-0 pt-0 text-muted">Address</td>
                                            <td class="pb-0 pt-0">{{ $project->block_no }} {{ $project->road_no }}  {{ $project->road_name }}  {{ $project->residence }}  {{ $project->country_name }} {{ $project->postal_code }}</td>
                                          </tr>
                                    </table>
                                </small>
                               </div>

                            </div>
                         </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
<style>
    .card-style {
        overflow: hidden;
        border-radius: 20px;
        border: none;
        box-shadow: 0 4px 24px 0 rgb(0 0 0 / 5%);
    }
</style>
@include('client.layout.footer')
@endsection